Thématique 11 · Formulaires

Critère RGAA 11.2 : Pertinence des étiquettes

Une étiquette vague (« Champ 1 ») ou sans le format attendu provoque des erreurs de saisie et des abandons.

Niveau: AA
WCAG 2.2: 2.4.6, 2.5.3, 3.3.2
Thématique: Formulaires
Vérification: Vérification humaine

La question posée par le RGAA

Chaque étiquette associée à un champ de formulaire est-elle pertinente (hors cas particuliers) ?

Comment respecter ce critère

Rédigez des étiquettes précises, avec le format attendu si nécessaire (« Date de naissance (jj/mm/aaaa) »).
Le nom accessible du champ doit contenir l'étiquette visible, pour la commande vocale.

Les tests officiels

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

11.2.1 — Chaque balise <label> permet-elle de connaître la fonction exacte du champ de formulaire auquel elle est associée ?
11.2.2 — Chaque attribut title permet-il de connaître la fonction exacte du champ de formulaire auquel il est associé ?
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 ?
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é ?
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.)
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é ?

Source : RGAA 4.1.2, critère 11.2, 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).