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. Voir aussi le critère 11.2 sur accessibilite.numerique.gouv.fr.

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-label du 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-labelledby contient au moins l’intitulé visible ;
S’il est présent, le contenu de l’attribut title du 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 attribut title ou d’un attribut aria-label ou d’un attribut aria-labelledby ;
Pour chaque champ de formulaire, vérifier que le contenu de l’élément <label> ou de l’attribut title ou de l’attribut aria-label ou de l’attribut aria-labelledby contient 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.

Références WCAG 2.1

2.4.6 Headings and Labels (niveau AA)
2.5.3 Label in Name (niveau A)
3.3.2 Labels or Instructions (niveau A)

Techniques WCAG : G82, G131, H44, H65, ARIA6, ARIA9, ARIA14, ARIA16

Ce que l’audit automatique peut détecter

Règles qui vérifient directement ce critère

Ces règles d’axe-core 4.14.0 citent un test de ce critère. Elles repèrent une partie des erreurs ; le reste du critère demande une vérification humaine.

form-field-multiple-labels : Ensure form field does not have multiple label elementsTest 11.2.1.

Source : RGAA 4.1.2 (WCAG 2.1), © DINUM, publié dans le dépôt DISIC/accessibilite.numerique.gouv.fr (commit ca4019f), sous Licence Ouverte 2.0. Texte officiel reproduit sans modification de contenu ; certains attributs de mise en forme (liens ouverts dans une nouvelle fenêtre, lien mort) sont retirés. Seuls les encadrés « Explication Rampe — non normative » sont rédigés par Rampe.