Barrierefreiheit war für Online-Shops lange ein „Sollte man mal“ – seit dem 28. Juni 2025 ist sie ein „Muss“: Der European Accessibility Act (EAA) gilt, in Deutschland umgesetzt durch das Barrierefreiheitsstärkungsgesetz (BFSG), und E-Commerce steht ausdrücklich im Anwendungsbereich. Für WooCommerce-Betreiber heißt das: Der Produktkatalog ist jetzt ein Rechtsthema.
Dieser Artikel konzentriert sich auf die Shop- und Katalog-Perspektive. Die generische Zehn-Punkte-Prüfung für alle Plattformen liefert die EAA-Alt-Text-Checkliste; die technische Bilder-Seite von WordPress deckt die WordPress-Bilder-Checkliste ab.
1. Warum das Gesetz jetzt Shops trifft
Der EAA ist bewusst auf digitale Dienstleistungen zugeschnitten – und der Online-Handel ist eine der ausdrücklich genannten Kategorien. Die Logik des Gesetzgebers: Einkaufen ist Grundversorgung, und wer einen Screenreader nutzt, muss ein Produkt genauso finden, verstehen und bestellen können wie alle anderen. Produktbilder sind dabei der sichtbarste Prüfpunkt, denn ohne Textalternative ist ein Produktfoto für blinde Nutzer schlicht nicht vorhanden – und im E-Commerce transportieren Bilder Kaufentscheidungs-Informationen: Farbe, Material, Verarbeitung, Größenverhältnis.
Dazu kommt der zweite Rechtsraum: Wer in die USA verkauft, hat mit dem Americans with Disabilities Act (ADA) ein Klagerisiko statt einer Behördenaufsicht – mit über 4.500 Website-Klagen allein 2024 ein etabliertes Massengeschäft, das sich bevorzugt E-Commerce-Seiten sucht.
2. EAA/BFSG, ADA, WCAG: die Einordnung
Die drei Kürzel werden oft in einen Topf geworfen, spielen aber unterschiedliche Rollen:
| Framework | What it is | Relevance for WooCommerce |
|---|---|---|
| EAA / BFSG | EU-Richtlinie + deutsches Umsetzungsgesetz, seit 28.06.2025 anwendbar | Gesetzliche Pflicht für E-Commerce; Marktüberwachung, Bußgelder bis 100.000 €, im Extremfall Untersagung |
| ADA | US-Antidiskriminierungsgesetz, von Gerichten auf Websites angewandt | Klagerisiko bei US-Kundschaft – unabhängig vom Standort des Shops |
WCAG 2.1 AA | Technischer Standard – kein Gesetz, aber der Maßstab, den beide Rechtsräume anlegen | Die eigentliche To-do-Liste: Erfolgskriterium 1.1.1 verlangt Textalternativen für Nicht-Text-Inhalte |
Praktisch heißt das: Wer WCAG 2.1 AA erfüllt, bedient beide Rechtsräume mit derselben Arbeit. Für Bilder ist die Anforderung präzise: Jedes informative Bild braucht ein zutreffendes alt-Attribut, dekorative Bilder ein leeres (alt=""). Nicht gefordert sind title-Attribute, Bildunterschriften oder ein bestimmter Entstehungsprozess. Welche Bußgelder die einzelnen Verstöße auslösen können, schlüsselt der EAA-Bußgeld-Katalog auf.
3. Wer betroffen ist – und wer nicht
Das BFSG nimmt Kleinstunternehmen, die Dienstleistungen anbieten, aus – dazu zählt E-Commerce. Kleinstunternehmen heißt: weniger als 10 Mitarbeitende UND höchstens 2 Millionen Euro Jahresumsatz oder Bilanzsumme. Wer eine der beiden Schwellen reißt, ist in der Pflicht. Drei Punkte, die dabei gern übersehen werden:
- Der Standort zählt nicht, der Markt zählt: Auch ein Schweizer oder US-Shop, der gezielt an EU-Verbraucher verkauft, fällt unter den EAA.
- Die Ausnahme ist keine Empfehlung: Ausgenommene Shops dürfen unbarrierefreie Bilder haben – verschenken damit aber denselben Bildersuche-Traffic wie alle anderen. Die Alt-Text-Arbeit lohnt sich unabhängig von der Pflicht; die SEO-Seite dazu steht im Artikel WooCommerce Produktbild-SEO.
- B2B ist (noch) außen vor: Der EAA adressiert Verbrauchergeschäft. Reine B2B-Shops sind nicht erfasst – Mischshops mit Verbraucherzugang schon.
4. Die WooCommerce-typischen Lücken
WooCommerce macht Bilder-Compliance nicht schwerer als andere Systeme – aber es verteilt Bilder auf mehr Orte, als die meisten Audits erfassen. Die vier Klassiker:
- Variantenbilder: In der Varianten-Ansicht gepflegt, nicht in der Galerie – und deshalb der häufigste blinde Fleck. Jede Farb- und Materialvariante ist ein eigenes Bild und braucht eine eigene Beschreibung („Esstisch Kopenhagen in Nussbaum“ statt Kopie des Eiche-Textes).
- Kategorie-Thumbnails: Das Kategoriebild wird unter Produkte → Kategorien gepflegt und taucht in keinem Produkt-Audit auf – auf Shop- und Kategorieseiten ist es aber prominent sichtbar.
- Page-Builder-Landingpages: Aktions- und Markenseiten aus Elementor & Co. ziehen Bilder teils an der Mediathek vorbei oder überschreiben Alt-Texte instanzweise – die Kopie-Logik der Mediathek erklärt die WP-Checkliste im Detail.
- Text im Bild: Größentabellen, Pflegehinweise oder „Nur heute“-Störer als Grafik: Die Information muss vollständig im Alt-Text (oder als Text daneben) stehen – sonst ist sie für Screenreader-Nutzer verloren, und das ist ein direkter WCAG-Verstoß.
Der Zwei-Minuten-Selbsttest
Browser-Konsole auf einer Produkt- und einer Kategorieseite öffnen und zählen:
document.querySelectorAll('img:not([alt])').length // fehlendes Attribut = Verstoß
document.querySelectorAll('img[alt=""]').length // leer = nur für Deko korrekt
Alles über null in der ersten Zeile ist ein Befund. Die zweite Zeile braucht Sichtprüfung: Produktbilder mit leerem Alt sind Verstöße, dekorative Trenner nicht.
5. Über Bilder hinaus: die weiteren Baustellen
Alt-Texte sind der größte und am schnellsten lösbare Baustein der Shop-Barrierefreiheit – aber WCAG 2.1 AA verlangt mehr. Damit die Prioritäten stimmen, hier die übrigen Prüfpunkte, die in WooCommerce-Shops am häufigsten auffallen:
| Baustelle | Anforderung | WooCommerce-Praxis |
|---|---|---|
| Checkout-Formulare | Beschriftete Felder, verständliche Fehlermeldungen | Der kritischste Pfad im Shop – Feld-Labels und Fehlertexte des Checkout-Plugins prüfen |
| Tastaturbedienung | Alles ohne Maus erreichbar, sichtbarer Fokus | Varianten-Auswahl, Galerie-Slider und Mini-Cart sind typische Theme-Schwachstellen |
| Kontraste | Mind. 4,5:1 für normalen Text | Häufigster Treffer: hellgraue Preise, Buttons und Sale-Badges auf Weiß |
| Zoom & Reflow | Bedienbar bei 200 % Vergrößerung | Sticky-Header und Popups dürfen den Inhalt nicht verdecken |
Zwei praktische Konsequenzen: Erstens lohnt beim Theme-Wechsel der Blick auf das „accessibility-ready“-Tag im WordPress-Verzeichnis – es garantiert keine WCAG-Konformität, filtert aber die gröbsten Baustellen vorab aus. Zweitens zur Frist-Frage: Der EAA kennt zwar Übergangsregeln für vor dem Stichtag geschlossene Dienstleistungsverträge, doch ein Webshop, der laufend Produkte, Preise und Inhalte aktualisiert, kann sich darauf praktisch nicht berufen. Warten ist keine Strategie – priorisieren schon: Bilder zuerst (größter Hebel, geringster Aufwand), dann Checkout, dann Theme-Themen.
6. Der Compliance-Fahrplan
Bestandsaufnahme über alle vier Bildorte. Produkt-Hauptbilder, Galerien, Variantenbilder, Kategorie-Thumbnails – plus Landingpages. Das AutoAlt.ai-Plugin zeigt fehlende und auffällig kurze Alt-Texte direkt in der Mediathek-Übersicht.
Priorisieren nach Sichtbarkeit. Zuerst Bestseller und Top-Kategorien (die schauen sich auch Prüfer und Kläger zuerst an), dann der Long Tail.
Bestand per Bulk beschreiben. Bei Katalogen ab ein paar hundert Bildern ist manuell keine Option – die KI-Generierung nutzt Produktname und Kategorie als Kontext und schreibt ins echte alt-Attribut.
Neue Uploads automatisieren. Compliance ist kein Projekt, sondern ein Zustand: Auto-Generierung beim Upload verhindert, dass die Lücke nachwächst.
Stichproben & Monitoring. Monatlicher Konsolen-Test plus Sichtprüfung der Top-Seiten; bei Sortimentswechseln (Saisonware!) gezielt nachfassen.
7. Compliance als Agentur-Leistung
Für Agenturen, die WooCommerce-Shops betreuen, ist der EAA eine der seltenen Gelegenheiten, bei denen Rechtspflicht und messbarer Kundennutzen zusammenfallen: Dieselben Alt-Texte, die das Bußgeldrisiko abräumen, erschließen Bildersuche-Traffic. Ein sauber geschnittenes Angebot besteht aus Audit (Konsolen-Test + Vier-Bildorte-Prüfung), Bulk-Sanierung und laufendem Monitoring als Retainer-Baustein – mit dem Alt-Text-Abdeckungsgrad als berichtbarer Kennzahl. Wichtig fürs Kundengespräch: ehrlich bleiben. Alt-Texte sind der größte und einfachste Baustein der Bild-Compliance, aber nicht die gesamte Shop-Barrierefreiheit (Kontraste, Tastaturbedienung und Formulare kommen hinzu).
Das Fazit für WooCommerce-Betreiber
Die Rechtslage ist seit Juni 2025 eindeutig, die Anforderung an Bilder präzise (WCAG 2.1 AA, SC 1.1.1), und die WooCommerce-Lücken sind bekannt: Varianten, Kategorien, Landingpages, Text im Bild. Die AutoAlt.ai-WooCommerce-Integration deckt alle Produkt-Bildorte ab – Bestand per Bulk, neue Uploads automatisch, 50 Gratis-Credits monatlich für den Start.
8. Häufige Fragen
Gilt der EAA auch für kleine WooCommerce-Shops?
Kleinstunternehmen mit weniger als 10 Mitarbeitenden und höchstens 2 Millionen Euro Jahresumsatz oder Bilanzsumme sind bei Dienstleistungen – dazu zählt E-Commerce – ausgenommen. Wer eine der Schwellen überschreitet, fällt unter die Pflicht. Und auch für Ausgenommene bleiben Alt-Texte sinnvoll: Sie sind zugleich der wichtigste Bilder-SEO-Hebel.
Reicht ein Accessibility-Overlay für WooCommerce?
Nein. Overlays legen eine JavaScript-Schicht über die Seite, ändern aber den Quellcode nicht. WCAG verlangt Textalternativen im Inhalt selbst – bei Bildern also ein gefülltes alt-Attribut im HTML. Genau das prüfen Behörden und Kläger.
Welche Bilder werden bei WooCommerce-Audits am häufigsten übersehen?
Variantenbilder (in der Varianten-Ansicht gepflegt, nicht in der Galerie), Kategorie-Thumbnails, Bilder in Page-Builder-Landingpages und Größentabellen als Grafik. Haupt- und Galeriebilder sind meist erfasst – die Lücken liegen daneben.
Was droht bei Verstößen konkret?
In Deutschland können die Marktüberwachungsbehörden nach dem BFSG Maßnahmen bis zur Untersagung des Angebots anordnen und Bußgelder bis zu 100.000 Euro verhängen. In den USA sind ADA-Klagen gegen Websites ein etabliertes Massengeschäft – mit über 4.500 Klagen allein 2024.
Muss ein Mensch jeden Alt-Text prüfen, damit er BFSG-konform ist?
Nein. Das Gesetz schreibt das Ergebnis vor – eine zutreffende Textalternative –, nicht den Entstehungsprozess. KI-generierte Alt-Texte sind zulässig; entscheidend ist, dass sie den Bildinhalt korrekt wiedergeben. Stichproben sind sinnvolle Praxis, aber keine Rechtspflicht.
Schritt 1 und 3 des Fahrplans – in einem Werkzeug.
Fehlende Alt-Texte finden, Bestand per Bulk sanieren, neue Uploads automatisch versorgen – inklusive Varianten- und Galeriebilder. 50 Credits monatlich kostenlos.