Ce que vérifie cette règle
Vérifier que les boutons ont un texte perceptible.
Pourquoi c’est important
Le critère WCAG 4.1.2 exige que chaque composant d’interface ait un nom. Parmi les boutons sans nom, on trouve souvent les sélecteurs de quantité, les boutons de fermeture et les flèches des carrousels.
Comment corriger
- Repérez les boutons sans nom, généralement des boutons qui n’affichent qu’une icône.
- Ajoutez un texte visible, un texte visuellement masqué ou un aria-label qui indique ce que fait le bouton (par exemple aria-label="Close" ou aria-label="Increase quantity").
Comment vérifier la correction
- Analysez à nouveau les pages concernées.
- Vérifiez les boutons avec un lecteur d’écran.
Comment FixReports le détecte
Notre analyse exécute la règle axe-core button-name 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.