Skip to content

Bild ohne Alternativtext

CriticalWCAG criterion 1.1.1BFSG-relevant

What is the 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.

Why does it matter?

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.

How to fix it

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.

Check Shopware specifically

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.

Check WooCommerce specifically

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.

Check Shopify specifically

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.

Check WordPress specifically

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.

Check TYPO3 specifically

Is your website affected?

The free quick check tests up to 5 pages within minutes — no registration.

Start a free quick check

Related rules

All rules