Proximité visuelle des étiquettes

Étiquettes de positionnement

Rendez vos formulaires plus compréhensibles en positionnant les étiquettes des champs de formulaire là où l’utilisateur s’y attend visuellement : au-dessus du champ ou à gauche du champ, aligné à droite. Les étiquettes des boutons radio et des cases à cocher sont placées après le champ.

  Bon exemple : Étiquette au-dessus du champ

Le Guide de style de la BOEW – Étiquettes de formulaire privilégie cette disposition. Les utilisateurs peuvent traiter l’information deux fois plus rapidement que les étiquettes alignées à gauche. Les étiquettes sont placées au-dessus des champs du formulaire.

  Bon exemple : Étiquette à gauche du champ, aligné à droite

Le Guide de style de la BOEW privilégie cette disposition lorsqu’il faut conserver l’espace vertical. Les étiquettes sont positionnées à gauche des champs du formulaire et alignées à droite.

  Mauvais exemple : Étiquette à gauche du champ, alignée à gauche

Cette disposition positionne les étiquettes loin des commandes. Il peut être difficile de les afficher côte à côte à l’écran si l’on grossit de texte, ce qui oblige à utiliser le défilement horizontal.

Ressources WCAG connexes

Ressources WCAG connexes

Critères de succès

Techniques

Haut de la page