1. Accueil
  2. Opquast V3
  3. 92 - Chaque étiquette de formulaire est visu…

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

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.

Solution technique

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.

Moyen de controle

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.

Crée le
23 juin 2014

Testez et faites reconnaître vos compétences

Logo Opquast Certfied

Opquast Certified est un test sur 1000 points permettant de vérifier le degré de maîtrise des meilleures pratiques du Web

Découvrir

Retrouvez cette fiche dans « Qualité Web »

Livre Qualité Web

En savoir +

Version numérique offerte pour l’achat de la version papier