Elementi role="img" brez besedilne alternative

Sporočilo v orodjih axe in Lighthouse: [role="img"] and [role="image"] elements must have alternative text · role-img-alt · WCAG 1.1.1

Kaj to pomeni in zakaj je pomembno

Podporne tehnologije teh grafik ne morejo opisati (WCAG 1.1.1).

Kako popraviti

Dodajte aria-label ali aria-labelledby oziroma odstranite vlogo, če je element okrasen.

Primer kode

Prej

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

Potem

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

Vse napake dostopnosti