image-alt · WCAG 1.1.1 Non-text Content · Stufe AWie Sie das „image-alt“-Problem beheben
Die axe-core-Regel image-alt schlägt fehl, wenn ein <img> kein alt-Attribut und keinen zugänglichen Namen hat. Screenreader lesen dann den Dateinamen oder nichts vor — WCAG 2.2 Stufe A (1.1.1) verlangt eine Textalternative, BFSG/EAA übernehmen sie über EN 301 549.
Was axe-core prüft
axe-core meldet jedes <img> ohne alt, ohne aria-label/aria-labelledby und ohne role="presentation". Ein leeres alt="" ist für rein dekorative Bilder korrekt.
Welcher Norm das entspricht
| WCAG 2.2 | 1.1.1 Non-text Content (Stufe A) |
| EN 301 549 | 9.1.1.1 |
| BFSG / EAA | BFSG § 12 i. V. m. EN 301 549 · EAA Anhang I |
| Kategorie | Bilder & Alt-Text |
Warum es zählt
Produktbilder ohne Alt-Text machen einen Shop am Screenreader unbenutzbar — der Käufer erfährt nicht, was er in den Warenkorb legt. Es ist ein Stufe-A-Fehler, die unterste Konformitätsstufe, und damit ein eindeutiger Punkt in jeder BFSG-Beanstandung.
Häufige Ursachen
- Hochgeladene Produktbilder ohne ausgefülltes Alt-Feld
- Bedeutungstragende Icon-Bilder (z. B. „Sale“-Badge) ohne Alt
- CMS-Templates, die das Alt-Attribut verlieren
- Dekorative Bilder mit beschreibendem Alt statt
alt=""
Wie Sie es beheben
Ergänzen Sie ein knappes alt, das den Zweck des Bildes beschreibt. Für dekorative Bilder nutzen Sie ein leeres alt="", damit Screenreader sie überspringen.
<!-- Informatives Bild -->
<img src="/schuh.jpg" alt="Roter Laufschuh, Seitenansicht">
<!-- Dekoratives Bild -->
<img src="/trenner.svg" alt="">Verwandte Prüfungen
FAQ
Beschreiben Sie Funktion oder Inhalt, nicht dass es ein Bild ist. Kurz halten; „Bild von“ weglassen.
Wenn das Bild rein dekorativ ist und keine Information trägt — dann alt="" verwenden.
Finden Sie jeden solchen Fehler auf Ihrer Seite
Starten Sie einen kostenlosen WCAG 2.2 AA-Scan — echte axe-core-Engine, ohne Anmeldung. Oder ein zeitgestempelter Beweis-Report für 29 €.