Qualité Web : la checklist de référence

Picto thématique

Bonne pratique n° 76 - Les informations contextuelles se rapportant à un champ de formulaire lui sont visuellement rattachées.

#Formulaires #Conception #Accessibilité

Objectif

  • Faciliter l'utilisation des formulaires dans tous les contextes utilisateurs, notamment les utilisateurs de loupe d'écran ou ceux qui doivent grossir le texte de façon importante.
  • Prévenir les erreurs de saisie.
  • Améliorer l’accessibilité des contenus aux personnes handicapées.

Mise en œuvre

  • Afficher les informations qui viennent compléter l'étiquette du champ (aide à la saisie, signalement des erreurs, etc.) à proximité immédiate du champ et de son étiquette, afin que le rapport entre ceux-ci puisse être perçu sans ambiguïté.
  • Éviter les mises en forme de formulaire entraînant la présence d'un espace vide important entre ces éléments.

Contrôle

Vérifier pour chaque champ de formulaire :

  • Que les éventuelles informations complétant l'étiquette du champ (aide à la saisie, signalement des erreurs, etc.) sont affichées à proximité immédiate du champ et de son étiquette.
  • Qu'il n'y a pas d'espace vide important entre ces éléments.