Bilder ohne Alternativtext

Meldung in axe und Lighthouse: Abbildungen müssen einen Alternativtext besitzen. · image-alt · WCAG 1.1.1

Was das bedeutet und warum es wichtig ist

Screenreader lesen solche Bilder als „Bild“ oder mit Dateinamen vor. Produktfotos ohne Alt-Text machen einen Shop für blinde Kundinnen und Kunden unbenutzbar (WCAG 1.1.1).

So beheben Sie es

Kurzen Alt-Text ergänzen, der den Zweck beschreibt (z. B. Produktname und Farbe). Rein dekorative Bilder erhalten alt="".

Code-Beispiel

Vorher

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

Nachher

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

Alle Barrierefreiheits-Fehler