Éléments role="img" sans alternative textuelle

Message affiché par axe et Lighthouse: Les éléments avec [role='img'] ont une équivalence textuelle · role-img-alt · WCAG 1.1.1

Ce que cela signifie et pourquoi c’est important

Les technologies d’assistance ne peuvent pas décrire ces graphiques (WCAG 1.1.1).

Ajoutez aria-label ou aria-labelledby, ou retirez le rôle si l’élément est décoratif.

<div role="img" class="rating-stars"></div>

<div role="img" class="rating-stars" aria-label="Rated 4 out of 5"></div>

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