Aller au contenu principal
RAWEBA

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

References WCAG
  • 1.3.1 Info and Relationships (A)
  • 2.4.6 Headings and Labels (AA)
  • 3.3.2 Labels or Instructions (A)
  • 4.1.2 Name, Role, Value (A)
Techniques
  • ARIA6
  • ARIA9
  • ARIA14
  • ARIA16
  • F68
  • F82
  • F86
  • G82
  • G131
  • G167
  • H44
  • H65

Méthodologie officielle pour tester le critère 11.1

Test 1 (11.1.1)

  1. Retrouver dans le document les champs de formulaire.
  2. Pour chaque champ de formulaire, vérifier que le champ de formulaire :
    • possède un attribut WAI-ARIA aria-labelledby référençant un passage de texte identifié ;
    • possède un attribut WAI-ARIA aria-label ;
    • est associé à un élément <label> ayant un attribut for ;
    • 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.
  3. Si c’est le cas pour champ de formulaire, le test est validé.

Test 2 (11.1.2)

  1. Retrouver dans le document les champs de formulaire associé à un élément <label>.
  2. Pour chaque champ de formulaire, vérifier que :
    • Le champ de formulaire possède un attribut id.
    • La valeur de l’attribut for de l’élément <label> est égale à la valeur de l’attribut id.
  3. Si c’est le cas pour champ de formulaire, le test est validé.

Test 3 (11.1.3)

  1. 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).
  2. Pour chaque champ de formulaire, vérifier que le champ de formulaire :
    • soit possède un attribut title dont 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.