Produits Entr'ouvert » w.c.s.

Dans le système d'éléments classés, l'input est placé avant le libellé.

Utiliser de préférence la balise <label> et l’associer au champ par un couplage des attributs for et id. Cette solution est la plus robuste et permet de rendre l’étiquette cliquable.
S’il n’est pas souhaité que l’étiquette soit visible, pour des raisons de mise en page, il est possible de masquer l’étiquette avec une technique qui garde le contenu disponible pour les lecteurs d’écran. Il est également possible de s’appuyer sur l’attribut title du champ.
D’autres méthodes pour étiqueter un champ de formulaire peuvent être également utilisés (attributs aria-label ou aria-labelledby). Attention, les étiquettes implicites de la forme <label><input … /></label> sans relation for/id ne sont pas considéré comme valable.
L’étiquette doit être visuellement accolée au champ de formulaire associé, afin que les personnes déficientes visuelles qui utilisent des loupes d’écran puissent identifier la nature des informations à saisir pour les champs de formulaires.