Afbeeldingen zonder alternatieve tekst

Melding in axe en Lighthouse: Images must have alternative text · image-alt · WCAG 1.1.1

Wat het betekent en waarom het belangrijk is

Schermlezers noemen zulke afbeeldingen ‘afbeelding’ of lezen de bestandsnaam voor. Productfoto’s zonder alt maken een webshop onbruikbaar voor blinde klanten (WCAG 1.1.1).

Zo los je het op

Voeg een korte alt-tekst toe die het doel beschrijft (bijv. productnaam en kleur). Decoratieve afbeeldingen krijgen alt="".

Codevoorbeeld

Voor

<img src="/img/jacket-blue.jpg">

Na

<img src="/img/jacket-blue.jpg" alt="Rain jacket, navy blue, front view">
<img src="/img/divider.svg" alt="">  <!-- decorative -->

Alle toegankelijkheidsfouten