Elementen met role="img" zonder tekstalternatief

Melding in axe en Lighthouse: [role="img"] and [role="image"] elements must have alternative text · role-img-alt · WCAG 1.1.1

Wat het betekent en waarom het belangrijk is

Hulpmiddelen kunnen deze afbeeldingen niet beschrijven (WCAG 1.1.1).

Zo los je het op

Voeg aria-label of aria-labelledby toe, of verwijder de rol als het element decoratief is.

Codevoorbeeld

Voor

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

Na

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

Alle toegankelijkheidsfouten