Zum Inhalt springen

Bild ohne Alternativtext

KritischWCAG-Kriterium 1.1.1BFSG-relevant

Was ist das Problem?

Ein Bild hat keinen Alternativtext (alt-Attribut). Blinde und sehbehinderte Nutzer, die einen Screenreader verwenden, erfahren dadurch nicht, was auf dem Bild zu sehen ist. Bei Produktbildern im Shop kann das bedeuten, dass der Artikel gar nicht erkennbar ist.

Warum ist das relevant?

WCAG 2.1 Erfolgskriterium 1.1.1 (Nicht-Text-Inhalt, Stufe A) verlangt für informative Bilder eine Textalternative. Fehlende Alternativtexte sind ein häufig beanstandeter Punkt und mindern die Barrierefreiheit im Sinne der BFSG-Anforderungen.

So behebst du es

Ergänze bei jedem informativen Bild ein alt-Attribut, das den Bildinhalt oder seine Funktion beschreibt (z. B. alt="Stuhl Modell 42 aus hellem Buchenholz"). Rein dekorative Bilder bekommen ein leeres alt="" — dann überspringen Screenreader sie.

Shopware

Administration → Kataloge → Produkte → Medien: Beim Hochladen bzw. in den Medien-Einstellungen das Feld „Alternativtext“ pflegen. Für Theme-Bilder: im Erscheinungsbild-Editor die Bild-Elemente prüfen; bei eigenen Twig-Templates das alt-Attribut im <img>-Tag ergänzen.

Shopware gezielt prüfen

WooCommerce

WordPress-Mediathek → Bild auswählen → Feld „Alternativtext“ ausfüllen. Produktbilder erben den Alternativtext aus der Mediathek. Bei Themes/Buildern (Elementor etc.) zusätzlich die Bild-Widgets prüfen, ob dort ein eigenes Alt-Feld gesetzt ist.

WooCommerce gezielt prüfen

Shopify

Adminbereich → Inhalte → Dateien bzw. im Produkt: Bild anklicken → „Alt-Text bearbeiten“. Im Theme-Editor bei Bild-Sektionen das Alt-Feld pflegen; in eigenen Liquid-Snippets {{ image.alt }} setzen und beim Bild-Upload befüllen.

Shopify gezielt prüfen

WordPress

Mediathek → Bild auswählen → „Alternativtext“ ausfüllen (gilt überall, wo das Bild eingebunden ist). Im Block-Editor: Bild-Block auswählen → Seitenleiste → Alt-Text. Dekorative Bilder: Feld bewusst leer lassen.

WordPress gezielt prüfen

TYPO3

Dateiliste → Metadaten der Datei → „Alternativer Text“ pflegen (gilt site-weit). Im Content-Element „Text & Bild“ kann der Alternativtext pro Einbindung überschrieben werden — Pflichtfeld-Option in der Site-Konfiguration aktivieren.

TYPO3 gezielt prüfen

Ist deine Website betroffen?

Der kostenlose Schnell-Check prüft bis zu 5 Seiten in wenigen Minuten — ohne Registrierung.

Kostenlosen Schnell-Check starten

Verwandte Regeln

Alle Regeln