Commandes ARIA sans nom

Message affiché par axe et Lighthouse: Les commandes ARIA doivent avoir un nom accessible · aria-command-name · WCAG 4.1.2

Ce que cela signifie et pourquoi c’est important

Les contrôles personnalisés (role="button", role="link", role="menuitem") ont besoin d’un nom accessible, sinon leur fonction reste inconnue (WCAG 4.1.2).

Comment corriger

Ajoutez un texte ou un aria-label à l’élément.

Exemple de code

Avant

<div role="button" tabindex="0" class="icon-heart"></div>

Après

<div role="button" tabindex="0" class="icon-heart" aria-label="Add to wish list"></div>

Trouvez cette erreur sur votre site

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

Tester une page gratuitement

Toutes les erreurs d’accessibilité