Elementy z role="img" bez tekstu alternatywnego
Co to oznacza i dlaczego jest ważne
Technologie wspomagające nie mogą opisać tych grafik (WCAG 1.1.1).
Jak naprawić
Dodaj aria-label lub aria-labelledby albo usuń rolę, jeśli element jest dekoracyjny.
Przykład kodu
Przed
<div role="img" class="rating-stars"></div>Po
<div role="img" class="rating-stars" aria-label="Rated 4 out of 5"></div>Znajdź ten błąd na swojej stronie
Przetestuj za darmo dowolną stronę — wynik w kilka sekund, z instrukcjami naprawy.