Les champs obligatoires sont annoncés dans leur label
Attention! Nouvelles directives
Les directives de cette rubrique ne sont plus d'application. La nouvelle liste de directives qui se trouve sur 2dot0.anysurfer.be remplace la version précédente de 2006.
Pour signaler qu’un champ doit être obligatoirement rempli par le visiteur, vous pouvez utiliser le mot obligatoire ou la simple (*) comme on le rencontre le plus souvent. Mais cette information doit absolument se trouver dans la balise label du champ concerné. C’est la seule solution pour que les aides techniques puissent le signaler à l’utilisateur.
Exemples
Incorrect
L'astérisque n'est pas repris dans le label du champ. Le visiteur aveugle ne sera pas averti qu'il doit obligatoirement encoder son adresse électronique.
<label for="email">Courriel</label> <input type="text" id="email"></input>(*)
Correct
L'astérisque fait partie de l'étiquette; le champ est renseigné obligatoire par les aides techniques.
<label for="email">Courriel (*)</label> <input type="text" id="email"></input>
Astuce
Utiliser la balise acronym ou la balise abbr apporte un petit plus aux utilisateurs de synthèse vocale qui auraient configuré leur logiciel spécialement pour reconnaître ce type de balise. Ces deux balises sont interprétées de la même manière par les lecteurs d'écran. Elles permettent d'associer un texte aux caractères abrégés pour en rappeler leur signification.
Rares sont les aides techniques dont la configuration par défaut propose le développement de l'acronym. C'est souvent à l'utilisateur d'en faire le choix; c’est pourquoi l'ajout de ces balises n'est pas obligatoire.
Dans l'exemple ci-dessous, la fonction de l'astérisque est mentionnée dans le title de la balise acronym. L'aide technique correctement configurée lira le texte "obligatoire" au lieu de "astérisque".
<label for="email">Courriel <acronym title="obligatoire">(*)</acronym></label> <input type="text" id="email"></input>
Utilisateurs bénéficiaires
- Personnes aveugles
- Personnes malvoyantes et personnes âgées
Personne responsable du respect de ce critère
- Rédacteur web (Textes et images)
Balises et attributs concernés
- < label > for=" "
- < input > id=" "
- < acronym >
- < abbr >