Critère 11.1 du RGAA 4.1

Énoncé officiel

Chaque champ de formulaire a-t-il une étiquette ?

Tests (3)

1. 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-labelledby` ré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 attribut `for` est 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-ARIA `aria-label`, `aria-labelledby` ou `title` lui fournit un nom accessible.

2. 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 `for` est égale à la valeur de l’attribut `id` du champ de formulaire associé.

3. 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 `title` dont 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.

Ce que Conformly vérifie

Ce critère fait partie de ceux que notre moteur évalue automatiquement, via les règles suivantes :

• aria-input-field-name — Champ ARIA sans intitulé
• form-field-multiple-labels — Champ avec plusieurs étiquettes
• label — Champ de formulaire sans étiquette · comment la corriger
• label-title-only — Champ étiqueté uniquement par title
• select-name — Liste déroulante sans intitulé · comment la corriger

Une vérification automatique ne remplace pas la lecture des tests ci-dessus : elle détecte des manquements, elle ne prouve pas la conformité.

Autres critères de la thématique « Formulaires »

• Critère 11.2 — Chaque étiquette associée à un champ de formulaire est-elle pertinente…
• Critère 11.3 — Dans chaque formulaire, chaque étiquette associée à un champ de formul…
• Critère 11.4 — Dans chaque formulaire, chaque étiquette de champ et son champ associé…
• Critère 11.5 — Dans chaque formulaire, les champs de même nature sont-ils regroupés, …
• Critère 11.6 — Dans chaque formulaire, chaque regroupement de champs de même nature a…
• Critère 11.7 — Dans chaque formulaire, chaque légende associée à un regroupement de c…
• Critère 11.8 — Dans chaque formulaire, les items de même nature d’une liste de choix …
• Critère 11.9 — Dans chaque formulaire, l’intitulé de chaque bouton est-il pertinent (…
• Critère 11.10 — Dans chaque formulaire, le contrôle de saisie est-il utilisé de manièr…
• Critère 11.11 — Dans chaque formulaire, le contrôle de saisie est-il accompagné, si né…
• Critère 11.12 — Pour chaque formulaire qui modifie ou supprime des données, ou qui tr…
• Critère 11.13 — La finalité d’un champ de saisie peut-elle être déduite pour faciliter…

Source

Énoncé et tests reproduits depuis le Référentiel général d'amélioration de l'accessibilité (RGAA) 4.1, DINUM, sous Licence Ouverte 2.0.