6.2. Positionner chaque intitulé à proximité de son champ

Chaque intitulé doit être positionné à proximité du champ auquel il est associé :

  • Soit immédiatement au-dessus du champ.
  • Soit immédiatement :
    • À droite du champ pour les boutons radio et cases à cocher.
    • À gauche du champ pour tous les autres types de champs.

Seuls quelques pixels doivent séparer un intitulé de son champ correspondant de manière à ce que leur association soit visuellement évidente.

Capture d'écran d'un formulaire de 4 champs, la distance entre les étiquettes et les champs varie de 70 à 140 pixels (selon la longueur de l'étiquette)
Même formulaire, les étiquettes sont alignées à droite, elles sont toutes à environ 10 pixels de leur champs respectifs.
Dans cet exemple, les intitulés ont été alignés à droite afin d’être positionnés à proximité de leurs champs respectifs.
Capture d'écran, 2 champs avec les étiquettes placées au dessus des champs.
Dans cet exemple, les intitulés sont positionnés immédiatement au-dessus de leurs champs de formulaire respectifs.
Capture d'écran, une case à cocher suivi immédiatement d'une étiquette.
Dans cet exemple, la case à cocher est positionnée immédiatement à gauche de l’intitulé.

Commentaires

Ajouter un commentaire

Tous les champs sont obligatoires.

Haut de page