Picto thématique

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

Certains champs de formulaire nécessitent de l’aide contextuelle, souvent une petite boîte modale d’explication disponible via un petit point d’interrogation. Alors, oui, ce n’est pas idéal, et si vous pouvez éviter tant mieux. Mais si par hasard vous devez le faire, veillez à la proximité visuelle de ces informations de contexte et du champ concerné. Les utilisateurs de mobile et de zoom d’écran vous remercieront. Les autres utilisateurs ne vous remercieront pas mais ils en bénéficieront aussi.

#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.

Auteur Opquast - Consulter la licence