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

Suivez la formation et passez la certification Opquast 100% en ligne.

La formation Maîtrise de la qualité en projet Web permet aux professionnels du web de travailler plus efficacement au sein d’équipes multidisciplinaires. Apprenez un vocabulaire, un cadre de travail et un état d’esprit communs pour produire des produits web de meilleure qualité et améliorer l’expérience utilisateur.

  • Une formation en ligne de 14 heures en autonomie, disponible 24h/24, 7j/7
  • Pour tous les professionnels du Web : marketing, commerciaux, chefs de projet, designers, développeurs, ingénieurs informatiques.
  • Une approche multidisciplinaire : SEO, accessibilité, écoconception…
    Pour tous les professionnels, débutants comme confirmés.
  • Un contenu reposant sur des bonnes pratiques et un vocabulaire adopté par une large communauté de professionnels
  • Des principes de conception centrés sur la diversité des utilisateurs
  • Déjà plus de 11.500 certifiés