Etichette associate ai campi. Nei moduli (Form) associate sempre ai campi delle etichette descrittive

Descrizione
Le etichette servono a descrivere i campi di un modulo (Form). Con questa informazione i non vedenti identificano più facilmente i campi da compilare.


Consiglio
Per associare un etichetta ad un campo, utilizzate il tag <label>. Gli attributi "for" e "id" sono necessari per associare esplicitamente l'etichetta ad un campo.


Esempio

<form action="/test.html">

  <p>

    <label for="campo1">etichetta</label>

    <input name="campo1" id="campo1" type="text" value="" />

  </p>

...

</form>

Riferimenti WCAG 1.0
(10.2) Fino a quando gli interpreti non supporteranno esplicite associazioni fra etichette e controlli dei moduli, assicurare, per tutti i controlli dei moduli che hanno etichette associate implicitamente, che l'etichetta sia posizionata correttamente. (Livello 2)

(12.4) Associare esplicitamente le etichette ai loro controlli. (Livello 2)

Raccomandazioni correlate