Des étiquettes sont associées à vos champs de formulaire.

Description
Les étiquettes permettent de relier le champ de saisie au texte qui lui est associé. Grâce à cette information, les personnes malvoyantes pourront identifier plus facilement le champ de saisie.


Conseil
Pour associer une étiquette à un champ de formulaire, utilisez la balise <label>. Les attributs "for" et "id" sont nécessaires pour associer explicitement l'étiquette au champ de saisie.


Exemple

<form action="/test.html">

  <p>

    <label for="champ1">étiquette </label>

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

  </p>

</form>

Références WCAG 1.0
(10.2) Jusqu'à ce que les agents-utilisateurs supportent les associations explicites entre étiquettes et contrôles de formulaires, s'assurer que les étiquettes sont correctement positionnées pour tous les contrôles de formulaire avec étiquettes implicitement associées. (Niveau 2)

(12.4) Associer les étiquettes avec leurs éléments de contrôle de manière explicite. (Niveau 2)

Bonnes pratiques connexes

• Organisation logique des formulaires.
  Il convient de diviser les grands blocs d'information afin de regrouper les divers champs de manière logique...