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

WCAG Reference

Tests

1. 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. 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. 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.

WCAG Techniques

• G82
• G131
• H44
• H65
• F68
• F82
• F86
• ARIA6
• ARIA9
• ARIA14
• ARIA16