RGAA 4.1.2 · THÉMATIQUE 11 · FORMULAIRES
Critère 11.1 : Chaque champ de formulaire a-t-il une étiquette ?
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
Chaque champ de formulaire a-t-il une étiquette ?
Les tests
Test 11.1.1
Chaque champ de formulaire vérifie-t-il une de ces conditions ?
- Le champ de formulaire possède un attribut WAI-ARIA
aria-labelledbyréférençant un passage de texte identifié ; - Le champ de formulaire possède un attribut WAI-ARIA
aria-label; - Une balise
<label>ayant un attributforest associée au champ de formulaire ; - Le champ de formulaire possède un attribut
title; - Un bouton adjacent au champ de formulaire lui fournit une étiquette visible et un élément
<label>visuellement caché ou un attribut WAI-ARIAaria-label,aria-labelledbyoutitlelui fournit un nom accessible.
Méthodologie du test 11.1.1
- Retrouver dans le document les champs de formulaire ;
- Pour chaque champ de formulaire, vérifier que le champ de formulaire :
- Possède un attribut WAI-ARIA
aria-labelledbyréférençant un passage de texte identifié ; - Possède un attribut WAI-ARIA
aria-label; - Est associé à un élément
<label>ayant un attributfor; - Possède un attribut
title; - Un bouton adjacent au champ de formulaire lui fournit une étiquette visible et un élément
<label>visuellement caché ou un attribut WAI-ARIAaria-label,aria-labelledbyoutitlelui fournit un nom accessible.
- Possède un attribut WAI-ARIA
- Si c’est le cas pour champ de formulaire, le test est validé.
Test 11.1.2
Chaque champ de formulaire associé à une balise <label> ayant un attribut for, vérifie-t-il ces conditions ?
- Le champ de formulaire possède un attribut
id; - La valeur de l’attribut
forest égale à la valeur de l’attributiddu champ de formulaire associé.
Méthodologie du test 11.1.2
- Retrouver dans le document les champs de formulaire associé à un élément
<label>; - Pour chaque champ de formulaire, vérifier que :
- Le champ de formulaire possède un attribut
id; - La valeur de l’attribut
forde l’élément<label>est égale à la valeur de l’attributid.
- Le champ de formulaire possède un attribut
- Si c’est le cas pour champ de formulaire, le test est validé.
Test 11.1.3
Chaque champ de formulaire ayant une étiquette dont le contenu n’est pas visible ou à proximité (masqué, aria-label) ou qui n’est pas accolé au champ (aria-labelledby), vérifie-t-il une de ses conditions ?
- Le champ de formulaire possède un attribut
titledont le contenu permet de comprendre la nature de la saisie attendue ; - Le champ de formulaire est accompagné d’un passage de texte accolé au champ qui devient visible à la prise de focus permettant de comprendre la nature de la saisie attendue ;
- Le champ de formulaire est accompagné d’un passage de texte visible accolé au champ permettant de comprendre la nature de la saisie attendue.
Méthodologie du test 11.1.3
- Retrouver dans le document les champs de formulaire dont l’étiquette n’est pas visible ou à proximité (masquée, utilisation de l’attribut aria-label) ou n’est pas accolée au champ (utilisation de l’attribut
aria-labelledby) ; - Pour chaque champ de formulaire, vérifier que le champ de formulaire :
- soit possède un attribut
titledont le contenu permet de comprendre la nature de la saisie attendue ; - est accompagné d’un passage de texte accolé au champ qui devient visible à la prise de focus permettant de comprendre la nature de la saisie attendue ;
- est accompagné d’un passage de texte visible accolé au champ permettant de comprendre la nature de la saisie attendue.
- soit possède un attribut
Correspondance WCAG
- WCAG 2.2, critère 1.3.1 : Info and Relationships
- WCAG 2.2, critère 2.4.6 : Headings and Labels
- WCAG 2.2, critère 3.3.2 : Labels or Instructions
- WCAG 2.2, critère 4.1.2 : Name, Role, Value
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.
- Champ sans étiquette, avec un simple texte indicatif
- Chaque élément de formulaire doit avoir une étiquette
- L’élément 'select' doit avoir un nom accessible
- Les champs de formulaire ARIA ont un intitulé accessible
- Les nœuds ARIA "meter" doivent avoir un nom accessible
- Les nœuds ARIA "progressbar" doivent avoir un nom accessible
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.1 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.