Partager

Approfondir

Qualité Web le livre

Livre Qualité Web

Acheter

182 - Chaque étiquette de formulaire est visuellement rattachée au champ qu'elle décrit.

Thématique
Phase Projet

Objectif

Permettre aux utilisateurs d'identifier sans ambiguïté les champs de formulaire et la nature des informations à saisir.

Prévenir les erreurs de saisie.

Faciliter et accélérer l'usage du formulaire.

Mise en œuvre

Veiller à ce que l'étiquette visible de chaque champ de formulaire soit affichée à proximité immédiate du champ concerné, 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 un champ et son étiquette, ou un positionnement inhabituel de l'étiquette telle qu'une étiquette placée en-dessous du champ, ou une étiquette de case à cocher placée à gauche de celle-ci dans une page en français.

Contrôle

Pour chaque formulaire :

  • S'assurer que chaque étiquette de formulaire est affichée à proximité immédiate du champ concerné ;
  • Vérifier que l'étiquette occupe une position prévisible : au-dessus ou à gauche d'un champ sauf pour les champs input type radio et checkbox où elle doit se trouver à droite du champ.

La proximité immédiate est une mesure à préciser selon le contexte mais elle est de l'ordre d'une trentaine de pixels pour une étiquette placée à gauche du champ, d'un interligne pour une étiquette placée au-dessus du champ et de quelques pixels pour l'étiquette placée à droite d'une case radio ou à cocher.

Découvrez la certification Opquast

Rejoignez la communauté des certifiés Opquast. Plus de 5000 professionnels formés à la qualité Web. Au programme une formation en ligne de 14h, un examen de 1h30, un badge et un score à mettre sur votre cv et votre profil linkedin.

Commander en ligne