Le Formulaire Fantôme
Rapport de mission #1
Analyse sensorielle
Sortie Lecteur d'écran (Vocal)
Champ de texte... vide. Champ de texte... vide. Bouton.
Conséquence Utilisateur
"Je ne sais pas ce que je dois écrire. Est-ce le nom ? Le prénom ? L'email ? Je clique au hasard."
Pourquoi est-ce important ?
Le public voyant associe visuellement le texte "Nom" situé à côté du champ de saisie. La population utilisant un lecteur d'écran ne perçoit pas cette proximité. Si le champ n'est pas programmatiquement lié à son étiquette (<label>) via le code (for="nom_user" sur le label et id="nom_user" sur le <input>), le lecteur ne peut pas deviner à quoi sert le champ.
Correction du code
Astuces de pro
L'attribut autocomplete="family-name" (ligne 2) aide aussi toute personne naviguant sur le web en laissant le navigateur pré-remplir le champ !