Prvky role="img" bez textové alternativy

Hlášení v axe a Lighthouse: [role="img"] and [role="image"] elements must have alternative text · role-img-alt · WCAG 1.1.1

Co to znamená a proč na tom záleží

Asistivní technologie tyto grafiky nedokážou popsat (WCAG 1.1.1).

Jak opravit

Doplňte aria-label nebo aria-labelledby, případně roli odeberte, pokud je prvek dekorativní.

Příklad kódu

Před

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

Po

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

Všechny chyby přístupnosti