Prvky role="img" bez textovej alternatívy

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

Čo to znamená a prečo na tom záleží

Asistenčné technológie tieto grafiky nedokážu opísať (WCAG 1.1.1).

Ako opraviť

Doplňte aria-label alebo aria-labelledby, prípadne rolu odstráňte, ak je prvok dekoratívny.

Príklad kódu

Pred

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

Po

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

Všetky chyby prístupnosti