Ce que vérifie cette règle
Vérifier que chaque élément de formulaire a une étiquette.
Pourquoi c’est important
Les critères WCAG 1.3.1, 3.3.2 et 4.1.2 exigent que les champs de formulaire aient une étiquette. Les champs d’inscription à la newsletter et de recherche sont souvent en cause.
Comment corriger
- Donnez à chaque champ un élément <label for="field-id">, ou au minimum un aria-label.
- Un texte indicatif (placeholder) seul ne compte pas comme une étiquette.
Comment vérifier la correction
- Analysez à nouveau et vérifiez que la règle label n’échoue plus.
- Cliquez sur chaque étiquette et vérifiez qu’elle donne le focus à son champ.
Comment FixReports le détecte
Notre analyse exécute la règle axe-core label dans un vrai navigateur Chrome sur chaque page testée, et signale chaque élément en échec avec sa page, son balisage et, le cas échéant, une capture d’écran.
Un test automatisé confirme la présence de ce problème précis. Il ne peut pas dire si le reste de la page est accessible : certains obstacles n’apparaissent que lorsqu’une personne vérifie la page.