RGAA 4.1.2 · THÉMATIQUE 11 · FORMULAIRES
Critère 11.2 : Chaque étiquette associée à un champ de formulaire est-elle pertinente (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 6 tests.
Le critère
Chaque étiquette associée à un champ de formulaire est-elle pertinente (hors cas particuliers) ?
Les tests
Test 11.2.1
Chaque balise <label> permet-elle de connaître la fonction exacte du champ de formulaire auquel elle est associée ?
Méthodologie du test 11.2.1
- Retrouver dans le document les champs de formulaire dont l’étiquette est fournie par un élément
<label>; - Pour chaque champ de formulaire, vérifier que le contenu de l’élément est pertinent ;
- Si c’est le cas pour chaque champ de formulaire, le test est validé.
Test 11.2.2
Chaque attribut title permet-il de connaître la fonction exacte du champ de formulaire auquel il est associé ?
Méthodologie du test 11.2.2
- Retrouver dans le document les champs de formulaire dont l’étiquette est fournie par un attribut
title; - Pour chaque champ de formulaire, vérifier que le contenu de l’attribut est pertinent ;
- Si c’est le cas pour chaque champ de formulaire, le test est validé.
Test 11.2.3
Chaque étiquette implémentée via l’attribut WAI-ARIA aria-label permet-elle de connaître la fonction exacte du champ de formulaire auquel elle est associée ?
Méthodologie du test 11.2.3
- Retrouver dans le document les champs de formulaire dont l’étiquette est fournie par un attribut WAI-ARIA
aria-label; - Pour chaque champ de formulaire, vérifier que le contenu de l’attribut est pertinent ;
- Si c’est le cas pour chaque champ de formulaire, le test est validé.
Test 11.2.4
Chaque passage de texte associé via l’attribut WAI-ARIA aria-labelledby permet-il de connaître la fonction exacte du champ de formulaire auquel il est associé ?
Méthodologie du test 11.2.4
- Retrouver dans le document les champs de formulaire dont l’étiquette est fournie par un attribut WAI-ARIA
aria-labelledby; - Pour chaque champ de formulaire, vérifier que le contenu du passage de texte référencé est pertinent ;
- Si c’est le cas pour chaque champ de formulaire, le test est validé.
Test 11.2.5
Chaque champ de formulaire ayant un intitulé visible vérifie-t-il ces conditions (hors cas particuliers) ?
- S’il est présent, le contenu de l’attribut WAI-ARIA
aria-labeldu champ de formulaire contient au moins l’intitulé visible ; - S’il est présent, le passage de texte lié au champ de formulaire via un attribut WAI-ARIA
aria-labelledbycontient au moins l’intitulé visible ; - S’il est présent, le contenu de l’attribut
titledu champ de formulaire contient au moins l’intitulé visible ; - S’il est présent le contenu de la balise
<label>associé au champ de formulaire contient au moins l’intitulé visible.
Méthodologie du test 11.2.5
- Retrouver dans le document les champs de formulaire dont l’étiquette est fournie à la fois par un intitulé visible et par le contenu soit d’un élément
<label>, soit d’un attributtitleou d’un attributaria-labelou d’un attributaria-labelledby; - Pour chaque champ de formulaire, vérifier que le contenu de l’élément
<label>ou de l’attributtitleou de l’attributaria-labelou de l’attributaria-labelledbycontient l’intitulé visible ; - Si c’est le cas pour chaque champ de formulaire, le test est validé.
Test 11.2.6
Chaque bouton adjacent au champ de formulaire qui fournit une étiquette visible permet-il de connaître la fonction exacte du champ de formulaire auquel il est associé ?
Méthodologie du test 11.2.6
- Retrouver dans le document les champs de formulaire dont l’étiquette visible est fournie par un bouton adjacent ;
- Pour chaque champ de formulaire, vérifier que le contenu visible du bouton est pertinent ;
- Si c’est le cas pour chaque champ de formulaire, le test est validé.
Cas particuliers
Il existe une gestion de cas particuliers pour le test 11.2.5 lorsque :
- La ponctuation et les lettres majuscules sont présentes dans le texte de l’intitulé visible : elles peuvent être ignorées dans le nom accessible sans porter à conséquence ;
- Le texte de l’intitulé visible sert de symbole : le texte ne doit pas être interprété littéralement au niveau du nom accessible. Le nom doit exprimer la fonction véhiculée par le symbole (par exemple, “B” au niveau d’un éditeur de texte aura pour nom accessible “Mettre en gras”, le signe “>” en fonction du contexte signifiera “Suivant” ou “Lancer la vidéo”). Le cas des symboles mathématiques fait cependant exception (voir la note ci-dessous).
Note : si l’étiquette visible représente une expression mathématique, les symboles mathématiques peuvent être repris littéralement pour servir d’étiquette au nom accessible (ex. : “A>B”). Il est laissé à l’utilisateur le soin d’opérer la correspondance entre l’expression et ce qu’il doit épeler compte tenu de la connaissance qu’il a du fonctionnement de son logiciel de saisie vocale (“A plus grand que B” ou “A supérieur à B”).
Ce cas particulier s’applique également au test 11.9.2.
Correspondance WCAG
- WCAG 2.2, critère 2.4.6 : Headings and Labels
- WCAG 2.2, critère 2.5.3 : Label in Name
- 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 de champ qui ne dit pas quoi saisir
- Le champ de formulaire ne devrait pas comporter plusieurs éléments d’étiquettes
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.2 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.