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.

#Accessibilité #Formulaires #Conception

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


Découvrez la certification Opquast

  • Une formation et une certification 100% en ligne, reconnues officiellement
  • 14 heures en ligne en autonomie, disponible 24h/24, 7j/7
  • guide de 200 pages, des quiz, un glossaire, des examens blancs, des articles des videos
  • Pour tous les professionnels du Web : marketing, commerciaux, UX, chefs de projet, designers, développeurs, ingénieurs informatiques.
  • Une approche multidisciplinaire : SEO, accessibilité, sécurité, écoconception… pour tous les professionnels, débutants comme confirmés.