Boutons sans nom lisible

Message affiché par axe et Lighthouse: Les boutons doivent avoir un texte perceptible · button-name · WCAG 4.1.2

Ce que cela signifie et pourquoi c’est important

Un bouton avec seulement une icône (recherche, fermer, menu) est annoncé comme « bouton » — sa fonction reste inconnue (WCAG 4.1.2).

Donnez au bouton un texte ou un aria-label, par ex. aria-label="Fermer".

<button class="close"><span class="icon-x"></span></button>

<button class="close" aria-label="Close"><span class="icon-x" aria-hidden="true"></span></button>

Testez gratuitement n’importe quelle page — résultat en quelques secondes, avec les corrections.