Thématique 11 · Formulaires

Critère RGAA 11.4 : Étiquettes accolées aux champs

Une étiquette éloignée de son champ n'est pas reliée visuellement par une personne qui zoome fortement et ne voit qu'une partie de l'écran.

Niveau: A
WCAG 2.2: 3.3.2
Thématique: Formulaires
Vérification: Vérification humaine

La question posée par le RGAA

Dans chaque formulaire, chaque étiquette de champ et son champ associé sont- ils accolés (hors cas particuliers) ?

Comment respecter ce critère

Placez l'étiquette juste avant le champ (au-dessus ou à gauche), et juste après pour les cases à cocher et boutons radio.

Les tests officiels

Pour être conforme, chaque élément concerné de la page doit satisfaire les tests suivants :

11.4.1 — Chaque étiquette de champ et son champ associé sont-ils accolés ?
11.4.2 — Chaque étiquette accolée à un champ (à l’exception des cases à cocher, bouton radio ou balises ayant un attribut WAI-ARIA role="checkbox", role="radio" ou role="switch"), vérifie-t-elle ces conditions (hors cas particuliers) ? (L’étiquette est visuellement accolée immédiatement au-dessus ou à gauche du champ de formulaire lorsque le sens de lecture de la langue de l’étiquette est de gauche à droite ; L’étiquette est visuellement accolée immédiatement au-dessus ou à droite du champ de formulaire lorsque le sens de lecture de la langue de l’étiquette est de droite à gauche.)
11.4.3 — Chaque étiquette accolée à un champ de type checkbox ou radio ou à une balise ayant un attribut WAI-ARIA role="checkbox", role="radio" ou role="switch", vérifie-t-elle ces conditions (hors cas particuliers) ? (L’étiquette est visuellement accolée immédiatement au-dessous ou à droite du champ de formulaire lorsque le sens de lecture de la langue de l’étiquette est de gauche à droite ; L’étiquette est visuellement accolée immédiatement au-dessous ou à gauche du champ de formulaire lorsque le sens de lecture de la langue de l’étiquette est de droite à gauche.)

Source : RGAA 4.1.2, critère 11.4, DINUM (nouvel onglet), sous Licence Ouverte. Le RGAA précise aussi des cas particuliers et un glossaire à consulter pour un audit officiel.

Comment Accessia le vérifie

Ce critère demande un jugement humain (pertinence, contexte, contenu multimédia). La revue guidée d'Accessia vous le présente avec ses tests officiels, et l'extension Chrome aide à le vérifier (ordre de tabulation, titres, zones, lecteur d'écran, simulations).