WooCommerce Alt-Texte und Barrierefreiheit: Was Shopbetreiber zum BFSG wissen sollten

Seit dem 28. Juni 2025 ist das Barrierefreiheitsstärkungsgesetz, kurz BFSG, vollständig in Kraft.

Zu den betroffenen Dienstleistungen gehören auch Dienstleistungen im elektronischen Geschäftsverkehr – also unter anderem Online-Shops, soweit sie in den Anwendungsbereich des Gesetzes fallen.

Für WooCommerce-Shopbetreiber bedeutet das: Digitale Barrierefreiheit ist nicht mehr nur ein Thema für Behörden oder besonders große Plattformen.

Auch Bilder spielen dabei eine Rolle.

Wenn wichtige Produktinformationen ausschließlich visuell vermittelt werden, brauchen Nutzer, die das Bild nicht sehen können, eine zugängliche Alternative.

Genau dafür gibt es Alt-Texte.

Aber wichtig ist:

Ein paar ausgefüllte Alt-Felder machen einen WooCommerce-Shop nicht automatisch BFSG-konform.

Alt-Texte sind ein Teil der digitalen Barrierefreiheit – neben vielen anderen Anforderungen an Navigation, Formulare, Bedienbarkeit, Checkout und Inhalte.

Was ist das BFSG?

Das Barrierefreiheitsstärkungsgesetz setzt in Deutschland Vorgaben des European Accessibility Act um.

Seit dem 28. Juni 2025 gelten die Anforderungen unter anderem für bestimmte Dienstleistungen im elektronischen Geschäftsverkehr.

Dazu gehören Online-Shops, wenn sie Verbrauchern digitale Dienstleistungen im Zusammenhang mit dem Abschluss eines Verbrauchervertrags anbieten.

Das Gesetz betrifft digitale Barrierefreiheit insgesamt.

Es geht also nicht nur um Bilder.

Je nach Shop können unter anderem relevant sein:

• Navigation;
• Tastaturbedienung;
• Formulare;
• Identifikation und Authentifizierung;
• Zahlungsprozesse;
• verständliche Informationen;
• Kontraste;
• technisch zugängliche Inhalte;
• Alternativtexte für relevante Bilder.

Alt-Texte sind deshalb ein Teilbereich.

Nicht die komplette Lösung.

Gilt das BFSG für jeden WooCommerce-Shop?

Nicht automatisch für jedes Unternehmen in jeder Situation.

Das BFSG enthält unter anderem eine Ausnahme für Kleinstunternehmen, die Dienstleistungen anbieten oder erbringen.

Als Kleinstunternehmen gelten Unternehmen mit:

• weniger als zehn Beschäftigten;
• und höchstens 2 Millionen Euro Jahresumsatz oder Jahresbilanzsumme.

Auch der konkrete Anwendungsbereich des Shops ist relevant.

Das BFSG betrifft insbesondere Dienstleistungen für Verbraucher.

Reine B2B-Angebote fallen nicht automatisch in denselben Anwendungsbereich.

Diese Seite ist keine Rechtsberatung.

Wenn du klären musst, ob dein konkreter Shop rechtlich unter das BFSG fällt, solltest du die aktuellen offiziellen Informationen prüfen oder fachlichen Rat einholen.

Unabhängig von der rechtlichen Pflicht kann bessere Barrierefreiheit natürlich auch für kleinere Shops sinnvoll sein.

Welche Rolle spielen Alt-Texte bei der Barrierefreiheit?

Bilder können Informationen transportieren, die im normalen Seitentext nicht vollständig vorhanden sind.

Ein Produktbild kann zum Beispiel zeigen:

• Farbe;
• Form;
• Oberfläche;
• Materialwirkung;
• Produktdetails;
• Variante;
• Funktionsweise;
• Lieferumfang.

Für einen Nutzer, der das Bild nicht sehen kann, geht diese Information verloren, wenn keine geeignete Textalternative vorhanden ist.

Ein Alt-Text kann diese wesentliche Bildinformation kurz beschreiben.

Beispiel:

<img src="/sessel-gruen.jpg" alt="Dunkelgrüner Polstersessel mit Holzbeinen">

Der Text ersetzt nicht jede visuelle Feinheit.

Er vermittelt aber die wesentliche Information des Bildes.

Was sagen die WCAG zu Bildern?

Die Web Content Accessibility Guidelines, kurz WCAG, behandeln Nicht-Text-Inhalte ausdrücklich.

Für informative Bilder sollte eine Textalternative die wesentliche Information oder Funktion des Bildes vermitteln.

Für rein dekorative Bilder ist dagegen normalerweise ein leeres Alt-Attribut sinnvoll:

alt=""

Dadurch können assistive Technologien das dekorative Bild ignorieren.

Der entscheidende Unterschied lautet also nicht:

Bild hat Alt-Text / Bild hat keinen Alt-Text

sondern:

Welche Funktion hat dieses Bild?

Produktbilder sind normalerweise nicht dekorativ

Bei WooCommerce sind die wichtigsten Bilder in der Regel Produktbilder.

Und Produktbilder existieren meistens nicht nur zur Dekoration.

Sie helfen beim Kauf.

Ein Bild kann zeigen:

• wie das Produkt aussieht;
• welche Farbe ausgewählt wurde;
• wie groß etwas wirkt;
• welches Detail eine Tasche besitzt;
• wie ein Möbelstück aufgebaut ist;
• wie ein Produkt verwendet wird.

Diese Informationen können kaufentscheidend sein.

Deshalb ist ein Hauptproduktbild normalerweise kein rein dekoratives Bild.

Ein sinnvoller Alt-Text kann zum Beispiel lauten:

Schwarze Leder-Umhängetasche

oder:

Weiße Keramik-Tischlampe mit Leinenschirm

Für allgemeine Regeln zu Produktbildern siehe Alt-Texte für WooCommerce-Produktbilder.

Was ist mit Produktgalerien?

Ein WooCommerce-Produkt kann mehrere Bilder haben.

Zum Beispiel:

• Hauptbild;
• Seitenansicht;
• Rückseite;
• Detailaufnahme;
• Lifestyle-Bild.

Wenn alle Bilder denselben Alt-Text tragen:

Schwarzer Rucksack

geht ein Teil der visuellen Information verloren.

Eine bessere Umsetzung könnte sein:

Schwarzer Lederrucksack

Seitenansicht des schwarzen Lederrucksacks

Rückseite mit gepolsterten Schulterträgern

Innenfächer des schwarzen Lederrucksacks

Nahaufnahme von Lederstruktur und Nähten

Die Bilder zeigen unterschiedliche Informationen.

Die Alternativtexte sollten diese Unterschiede dort erhalten, wo sie relevant sind.

Was ist mit Farbvarianten?

Variantenbilder sind besonders wichtig, wenn die sichtbare Änderung selbst Produktinformation ist.

Beispiel:

Ein Pullover ist erhältlich in:

• Schwarz;
• Weiß;
• Salbeigrün.

Wenn die Produktbilder wechseln, können sinnvolle Alt-Texte lauten:

Schwarzer Wollpullover

Weißer Wollpullover

Salbeigrüner Wollpullover

Ein Nutzer, der die Bilder nicht sehen kann, erhält so zumindest die wesentliche sichtbare Variation.

Nicht jede Variante braucht dagegen automatisch eigenen Alt-Text.

Eine unsichtbare Größenvariation muss nicht zwangsläufig im Bildtext genannt werden.

Wann ist ein leeres Alt-Attribut korrekt?

Ein leeres Alt-Attribut:

alt=""

ist nicht automatisch ein Fehler.

Bei rein dekorativen Bildern ist es normalerweise sogar die richtige Lösung.

Beispiele können sein:

• dekorative Linien;
• Ornamente;
• Hintergrundbilder ohne Informationswert;
• visuelle Elemente, deren Information bereits vollständig im direkten Text daneben vorhanden ist.

Ein Screenreader muss dann nicht unnötig zusätzliche Inhalte vorlesen.

Das zeigt, warum ein Tool nicht einfach jedes leere Alt-Feld als Defekt behandeln sollte.

Kontext ist entscheidend.

Ein fehlendes alt-Attribut ist etwas anderes

Ein leeres Alt-Attribut und ein komplett fehlendes Alt-Attribut sind nicht dasselbe.

Dekoratives Bild:

<img src="/decoration.svg" alt="">

Bild ohne Alt-Attribut:

<img src="/produkt.jpg">

Bei einem fehlenden Attribut können assistive Technologien je nach Situation beispielsweise den Dateinamen oder andere unerwünschte Informationen ankündigen.

Deshalb sollte auch technisch sauber zwischen:

• fehlendem alt;
• leerem alt="";
• beschreibendem Alt-Text;

unterschieden werden.

Ein ausgefüllter Alt-Text kann trotzdem schlecht sein

Auch Barrierefreiheit ist keine Checkbox mit der Logik:

Feld nicht leer = erledigt

Beispiele:

Bild

Produkt

Foto

IMG_4421

schuhe kaufen beste schuhe günstig

Diese Texte existieren.

Sie vermitteln aber kaum sinnvolle Bildinformation.

Ein Produktbild mit:

IMG_4421

ist für einen Screenreader-Nutzer nicht plötzlich verständlich, nur weil das Feld technisch gefüllt ist.

Darum sollte eine Prüfung nicht nur fehlende Alt-Texte erkennen.

Sie sollte auch problematische vorhandene Texte berücksichtigen.

Für einen systematischen Audit kannst du fehlende und problematische Alt-Texte finden.

Alt-Texte sollten die wesentliche Information vermitteln

Ein Alternativtext muss nicht jedes sichtbare Detail aufzählen.

Beispiel:

Zu lang:

Studioaufnahme einer schwarzen Ledertasche, die leicht nach links gedreht auf einem weißen Hintergrund steht und einen goldfarbenen Reißverschluss, zwei Henkel, einen langen Schulterriemen und einen weichen Schatten auf der rechten Seite zeigt

Oft reicht:

Schwarze Lederhandtasche mit goldfarbenem Reißverschluss und Schulterriemen

Die wichtige Frage lautet:

Welche Information soll dieses Bild vermitteln?

Nicht:

Wie viele Pixel kann ich in Worte verwandeln?

Text im Bild braucht besondere Aufmerksamkeit

Produktbilder können selbst Text enthalten.

Zum Beispiel:

• Größentabellen;
• technische Diagramme;
• Produktvergleichsgrafiken;
• Anwendungsanleitungen;
• Maße;
• Infografiken.

Wenn wichtige Informationen nur als Text innerhalb eines Bildes verfügbar sind, reicht ein kurzer Alt-Text möglicherweise nicht aus.

Beispiel:

Eine Größentabelle mit 20 Messwerten sollte nicht vollständig in ein riesiges alt-Attribut gepresst werden.

Wichtige Informationen sollten besser zusätzlich als echter, zugänglicher Seitentext verfügbar sein.

Alt-Text ist nicht dafür gedacht, komplexe Inhalte in einen einzigen HTML-String zu stopfen.

Alt-Text ist nur ein Teil der WooCommerce-Barrierefreiheit

Ein Shop kann perfekte Produktbild-Beschreibungen haben und trotzdem schwer nutzbar sein.

Weitere typische Bereiche sind:

Tastaturbedienung

Kann der Shop ohne Maus bedient werden?

Navigation

Ist die Struktur verständlich und technisch zugänglich?

Formulare

Sind Felder und Fehlermeldungen korrekt beschriftet?

Produktvarianten

Sind Farb- und Größenoptionen auch ohne rein visuelle Hinweise verständlich?

Kontraste

Sind Texte und Bedienelemente ausreichend erkennbar?

Checkout

Ist der Kaufprozess wahrnehmbar, bedienbar und verständlich?

Buttons und Links

Haben interaktive Elemente verständliche Namen und Funktionen?

Deshalb sollte niemand versprechen:

Alt-Texte hinzufügen → Shop BFSG-konform

So funktioniert digitale Barrierefreiheit nicht.

Warum Alt-Texte trotzdem ein guter Ausgangspunkt sind

Alt-Texte haben einen praktischen Vorteil:

Sie sind ein klar abgrenzbarer Teil der Website.

Man kann Bilder finden.

Man kann ihren aktuellen Zustand prüfen.

Man kann Probleme klassifizieren.

Und man kann Verbesserungen relativ systematisch umsetzen.

Bei einem großen WooCommerce-Shop kann das zum Beispiel bedeuten:

• Produktbilder ohne Alt-Text finden;
• Dateinamen erkennen;
• generische Texte erkennen;
• sinnvolle bestehende Texte behalten;
• problematische Beschreibungen korrigieren.

Das löst nicht die gesamte Barrierefreiheit des Shops.

Aber es löst einen konkreten Teil davon.

Große Produktkataloge machen manuelle Prüfung schwierig

Angenommen, ein Shop enthält:

• 600 Produkte;
• durchschnittlich 5 relevante Bilder.

Das sind rund 3.000 Bilder.

Jedes Bild manuell in WordPress zu öffnen, zu prüfen und gegebenenfalls zu bearbeiten ist entsprechend aufwendig.

Hinzu kommt:

Nicht alle 3.000 Bilder müssen geändert werden.

Vielleicht sind:

• 1.800 bereits gut beschrieben;
• 500 ohne sinnvollen Alt-Text;
• 300 generisch;
• 200 Dateinamen;
• 200 korrekt dekorativ.

Darum ist ein Audit sinnvoller als eine pauschale Massenänderung.

Wie ein sinnvoller Bild-Audit aussieht

Ein praktischer Ablauf kann so aussehen:

1. Öffentliche Shop-Seiten scannen

Prüfe die Bilder, die Kunden tatsächlich sehen.

2. Bildzustände unterscheiden

Zum Beispiel:

• Alt-Text fehlt;
• alt="" ist vorhanden;
• sinnvoller Alt-Text;
• generischer Text;
• Dateiname;
• möglicherweise falsche Beschreibung.

3. Bildfunktion berücksichtigen

Ist das Bild:

• informativ;
• funktional;
• dekorativ?

4. Nur klare Probleme korrigieren

Gute bestehende Alt-Texte bleiben bestehen.

5. Ergebnis erneut prüfen

Kontrolliere, ob die geänderten Alt-Texte tatsächlich auf den Shop-Seiten ausgegeben werden.

Genau darauf basiert der IMSCRIB-Workflow:

scannen → Probleme erkennen → korrigieren → erneut scannen

KI kann helfen, aber sie ersetzt keine Barrierefreiheitsstrategie

KI kann bei großen Bildkatalogen sehr nützlich sein.

Sie kann:

• Bilder analysieren;
• Kandidaten für Alt-Texte erzeugen;
• generische bestehende Texte erkennen;
• Dateinamen erkennen;
• Bild und Beschreibung miteinander vergleichen.

Aber KI kann auch Fehler machen.

Sie kann:

• Farben falsch erkennen;
• Materialien erfinden;
• Details falsch interpretieren;
• unnötige Informationen ergänzen.

Deshalb sollte KI innerhalb eines kontrollierten Workflows eingesetzt werden.

Nicht als:

Knopf drücken → Barrierefreiheit erledigt

Für mehr zur automatischen Generierung siehe Alt-Texte automatisch mit KI erstellen.

Bulk-Bearbeitung und Barrierefreiheit

Bei großen Shops ist Bulk-Bearbeitung oft notwendig.

Aber auch dabei gilt:

Nicht jedes Bild braucht neuen Text.

Eine gute Massenverarbeitung sollte:

• gute Alt-Texte behalten;
• problematische Bilder auswählen;
• dekorative Bilder nicht unnötig beschreiben;
• natürliche Texte erzeugen;
• das Ergebnis anschließend erneut prüfen.

Für den Bulk-Workflow siehe WooCommerce Alt-Texte im Bulk hinzufügen.

BFSG und Alt-Texte: Was du nicht behaupten solltest

Sei vorsichtig mit Aussagen wie:

Mit Alt-Texten erfüllst du das BFSG.

Oder:

Dieser Alt-Text-Checker macht deinen Shop BFSG-konform.

Das wäre zu weitgehend.

Besser ist:

Alt-Texte sind ein wichtiger Bestandteil barrierefreier Webinhalte und können helfen, relevante Bildinformationen für Screenreader-Nutzer zugänglich zu machen.

Ob ein gesamter Shop die rechtlichen Anforderungen erfüllt, hängt von deutlich mehr Faktoren ab.

IMSCRIB sollte deshalb als Werkzeug für den konkreten Bereich der Bild- und Alt-Text-Qualität positioniert werden.

Nicht als vollständige BFSG-Compliance-Plattform.

FAQ

Gilt das BFSG für WooCommerce-Shops?

Dienstleistungen im elektronischen Geschäftsverkehr, darunter viele Online-Shops für Verbraucher, fallen grundsätzlich in den Anwendungsbereich des BFSG. Es gibt jedoch Ausnahmen und weitere Voraussetzungen, unter anderem für bestimmte Kleinstunternehmen. Für eine rechtliche Bewertung des konkreten Shops sollten die offiziellen Informationen oder fachliche Beratung herangezogen werden.

Seit wann gilt das BFSG für Online-Shops?

Die relevanten Anforderungen des BFSG gelten seit dem 28. Juni 2025.

Sind Alt-Texte für Produktbilder wichtig für Barrierefreiheit?

Ja. Wenn ein Produktbild relevante Information vermittelt, hilft ein sinnvoller Alternativtext dabei, diese Information auch Nutzern zugänglich zu machen, die das Bild nicht sehen können.

Braucht jedes Bild einen beschreibenden Alt-Text?

Nein. Rein dekorative Bilder sollten normalerweise mit einem leeren Alt-Attribut umgesetzt werden. Informative Bilder benötigen dagegen eine geeignete Textalternative.

Macht ein Alt-Text-Plugin meinen WooCommerce-Shop BFSG-konform?

Nein. Alt-Texte decken nur einen Teil digitaler Barrierefreiheit ab. Navigation, Formulare, Tastaturbedienung, Checkout, Kontraste und weitere Bereiche spielen ebenfalls eine Rolle.

Kann KI barrierefreie Alt-Texte erzeugen?

KI kann bei der Erstellung sinnvoller Bildbeschreibungen helfen. Die Ergebnisse müssen aber korrekt sein und dürfen keine Informationen erfinden. Automatische Generierung ersetzt keine umfassende Barrierefreiheitsprüfung.

Fazit

Alt-Texte sind ein wichtiger Teil barrierefreier WooCommerce-Shops.

Sie machen relevante Bildinformationen zugänglich, wenn Nutzer die Bilder selbst nicht wahrnehmen können.

Seit dem 28. Juni 2025 hat das Thema durch das BFSG für viele Online-Shops zusätzlich an rechtlicher Bedeutung gewonnen.

Aber die richtige Schlussfolgerung lautet nicht:

Alt-Texte = BFSG erfüllt.

Sondern:

Alt-Texte sind ein klarer, prüfbarer Bestandteil einer größeren Barrierefreiheitsaufgabe.

Für Produktbilder bedeutet das:

• relevante Bilder sinnvoll beschreiben;
• dekorative Bilder korrekt behandeln;
• schlechte Platzhalter vermeiden;
• gute bestehende Alt-Texte behalten;
• große Kataloge systematisch prüfen.

Bei einem großen WooCommerce-Shop beginnt das sinnvollerweise mit einem Scan.

scannen → Probleme erkennen → korrigieren → erneut scannen