RGAA 4.1.2 · THÉMATIQUE 11 · FORMULAIRES
Critère 11.4 : Dans chaque formulaire, chaque étiquette de champ et son champ associé sont-ils accolés (hors cas particuliers) ?
Texte officiel du RGAA 4.1.2 (DINUM), mis en page par Claren · Mis à jour le
Ce critère appartient à la thématique « Formulaires » du RGAA 4.1.2. Il se vérifie par 3 tests.
Le critère
Dans chaque formulaire, chaque étiquette de champ et son champ associé sont-ils accolés (hors cas particuliers) ?
Les tests
Test 11.4.1
Chaque étiquette de champ et son champ associé sont-ils accolés ?
Méthodologie du test 11.4.1
- Retrouver dans le document les champs de formulaire ;
- Pour chaque champ de formulaire, vérifier qu’il est accolé à son étiquette ;
- Si c’est le cas pour chaque champ de formulaire, le test est validé.
Test 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.
Méthodologie du test 11.4.2
- Retrouver dans le document les champs de formulaire qui ne sont pas des éléments
<input>de typecheckboxou de typeradioou des éléments ayant un attribut WAI-ARIArole="checkbox",role="radio"ourole="switch"; - Pour chaque champ de formulaire, vérifier que 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 ;
- 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.
- Si c’est le cas pour chaque champ de formulaire, le test est validé.
Test 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.
Méthodologie du test 11.4.3
- Retrouver dans le document les champs de formulaire qui sont
<input>de typecheckboxou de typeradioou des éléments ayant un attribut WAI-ARIArole="checkbox",role="radio"ourole="switch"; - Pour chaque champ de formulaire, vérifier que 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 ;
- 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.
- Si c’est le cas pour chaque champ de formulaire, le test est validé.
Cas particuliers
Les tests 11.4.2 et 11.4.3 seront considérés comme non applicables :
- Dans le cas où l’étiquette mélange une portion de texte qui se lit de droite à gauche avec une portion de texte qui se lit de gauche à droite ;
- Dans le cas où un formulaire contient des labels de plusieurs langues qui se liraient de droite à gauche et inversement. Par exemple, un formulaire de commande en arabe qui propose une liste de cases à cocher de produit en langue française ou mixant des produits en langue arabe ou en langue française ;
- Dans le cas où les champs de type
radiooucheckboxet les balises ayant un attribut WAI-ARIArole="checkbox",role="radio"ourole="switch"ne sont pas visuellement présentés sous forme de bouton radio ou de case à cocher ; - Dans le cas où les champs seraient utilisés dans un contexte où il pourrait être légitime, du point de vue de l’expérience utilisateur, de placer les étiquettes de manière différente à celle requise dans les tests 11.4.2 et 11.4.3.
Correspondance WCAG
- WCAG 2.2, critère 3.3.2 : Labels or Instructions
Ce qu’un contrôle automatique peut voir
Les contrôles automatiques de Claren couvrent une partie de ce critère. Le reste se vérifie à la main.
- Étiquette éloignée de son champ
Faire vérifier votre site
Un test automatique ne tranche qu’une partie des critères. Un audit RGAA les contrôle tous à la main, sur un échantillon de pages, et vous laisse un plan de correction.
Version officielle : critère 11.4 sur accessibilite.numerique.gouv.fr.
Textes du critère, des tests, de la méthodologie, des cas particuliers et des notes techniques : RGAA 4.1.2, DINUM, sous Licence Ouverte 2.0 (Etalab), repris tels quels. Intitulés des critères WCAG 2.2 : W3C, W3C Document License. Les liens des termes mènent au glossaire officiel du RGAA.