Una caratteristica di accessibilità importante di moduli on-line è l'uso corretto dell'elemento etichetta. Un'etichetta è una connessione tra l'elemento di modulo stesso e il testo che spiega che cosa è il campo modulo per. Ecco come utilizzare l'elemento label.

Istruzioni

Costruire il Form

1

Ci sono due passi per la creazione di un'etichetta. Il primo è il marchio stesso. Con l'elemento label includono un attributo chiamato per. L'attributo FOR indica quale elemento di forma reale l'etichetta è per.

2

La seconda fase prevede un attributo ID nell'elemento form sul valore esatto che è stato dato l'attributo FOR nell'elemento etichetta di corrispondenza.

3


Nella foto è un esempio di un campo di testo in un modulo per chiedere il nome di una persona. È possibile visualizzare il codice HTML dell'immagine. Si noti che, in questo esempio, l'etichetta verrà visualizzato prima del campo di testo.

4

D'altra parte, quando si utilizza caselle di controllo in un form, si desideri avere l'etichetta visualizzata dopo l'elemento form. Questa immagine mostra il modo corretto di farlo con il linguaggio HTML e include un circostante fieldset e legend per le caselle di controllo. Il fieldset e legend non sono necessari per le caselle di controllo, incluso loro per fornire un esempio completo. Utilizzare un modello simile per posizionare l'etichetta dopo ogni pulsante di opzione quando si effettua una maschera con pulsanti di opzione.

5

Per una casella di selezione è utilizzare l'etichetta solo per le istruzioni su cosa scegliere.

6

Presentare e pulsanti di Reset non è necessario testo dell'etichetta. Il controllo del modulo stesso dà il testo necessario.

Consigli & Avvertenze

• Quando alcuni campi sono obbligatori, è possibile aggiungere un asterisco per il testo dell'etichetta forma. Spiegare che i campi obbligatori sono contrassegnati con un asterisco all'inizio del modulo.