Bilder ohne Textalternative

Automatisierte Prüfung image-alt, ausgeführt mit axe-core

WCAG

1.1.1 Nicht-Text-Inhalt (Stufe A)

Schweregrad

Blockierend: Aufgabe nicht erledigbar

Typischer Aufwand

Schnell erledigt, unter 1 Stunde

Kategorie

Inhalte

Wen das betrifft

Blinde und sehbehinderte Menschen, die einen Screenreader nutzen – und alle, bei denen Bilder wegen einer langsamen Verbindung nicht laden.

Warum es wichtig ist

Der Screenreader liest nichts vor oder nur den Dateinamen. Ist das Bild ein Produktfoto, ein Logo oder eine Schaltfläche, geht diese Information vollständig verloren. Es ist der am häufigsten beanstandete Mangel, weil er sich besonders leicht nachweisen lässt.

So beheben Sie es

Geben Sie jedem <img> ein alt-Attribut. Beschreiben Sie den Zweck, nicht das Motiv: alt="In den Warenkorb" statt alt="Einkaufswagen-Symbol". Rein dekorative Bilder erhalten alt="" (leer, nicht fehlend), damit Hilfstechnologien sie überspringen.

Verwandte Prüfungen: Inhalte

• Messanzeigen ohne zugänglichen Namen
• Fortschrittsbalken ohne zugänglichen Namen
• Tooltips ohne zugänglichen Namen
• Leere Tabellenüberschriften
• Alternativtext wiederholt sichtbaren Text
• Eingebettete Objekte ohne Textalternative
• Elemente mit role="img" ohne Textalternative
• Tabellen-Attribut scope falsch verwendet

Alle Prüfungen