Come utilizzare l'elemento etichetta per formulari online accessibile

July 26

Come utilizzare l'elemento etichetta per formulari online accessibile


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

istruzione

Costruisci il tuo modulo

1 Ci sono due passi per la creazione di un'etichetta. Il primo è l'etichetta stessa. Con l'elemento etichetta di includere un attributo chiamato per. L'attributo PER indica quale elemento di forma attuale l'etichetta è per.

2 Il secondo passo consiste corrispondenza un attributo ID nell'elemento form per l'esatto valore che è stato dato al per l'attributo nell'elemento etichetta.

3

È descritto un esempio di un campo di testo in una forma chiede il nome di una persona. Si può vedere il codice HTML nell'immagine. Si noti che in questo esempio apparirà l'etichetta prima del campo di testo.

4 Come utilizzare l'elemento etichetta per formulari online accessibile


D'altra parte, quando si utilizza caselle di spunta in un modulo, si consiglia di avere l'etichetta compare dopo l'elemento modulo. Questa immagine mostra il modo corretto di farlo con HTML e comprende un fieldset circostante e leggenda per le caselle di controllo. Il fieldset e leggenda non sono necessari per le caselle di controllo, ho incluso loro di fornire un esempio completo. Utilizzare un modello simile a posizionare l'etichetta dopo ogni pulsante di scelta quando si effettua un modulo con pulsanti di opzione.

5 Come utilizzare l'elemento etichetta per formulari online accessibile


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

6 Bottoni Invia e Cancella non hanno bisogno di testo dell'etichetta. Il controllo del modulo si dà il testo necessario.

Consigli e avvertenze

  • Quando sono richiesti alcuni campi è possibile aggiungere un asterisco per il testo dell'etichetta modulo. Spiega che i campi obbligatori sono contrassegnati da un asterisco all'inizio della forma.

Articoli Correlati