Donnez une étiquette à chaque champ de formulaire

Placez une étiquette visible à côté de chaque champ et reliez-la directement à ce champ.

Pourquoi c’est important

Sans étiquette qui reste affichée, les gens ne savent pas toujours quelle information un champ attend. Le texte indicatif disparaît dès qu’ils commencent à taper.

Comment corriger

1. 1

   Écrivez une étiquette visible et courte qui nomme l’information demandée.

2. 2

   Faites correspondre la valeur for de l’étiquette à l’id du champ.

3. 3

   Gardez le texte d’aide et les messages d’erreur séparés de l’étiquette.

Exemple

<input type="email" placeholder="Adresse e-mail" />

<label for="email">Adresse e-mail</label> <input id="email" name="email" type="email" />

Comment vérifier votre correction

Vérifiez à nouveau votre page avec ibin. Le problème disparaît de votre rapport dès que tous les endroits sont corrigés. Essayez ensuite vous-même, comme le ferait un visiteur.

• Vérifiez à nouveau la page et assurez-vous que le problème n’apparaît plus dans votre rapport.
• Essayez vous-même la partie corrigée : à la souris, uniquement au clavier et en zoomant.
• Si possible, demandez à une personne qui utilise un lecteur d’écran de l’essayer aussi.

Également disponible en English, Nederlands, Deutsch