Kurz zusammengefasst: Seit dem 28. Juni 2025 verpflichtet das Barrierefreiheitsstärkungsgesetz (BFSG) B2C-Onlineshops zur digitalen Barrierefreiheit. Maßgeblich ist die Norm EN 301 549, die auf WCAG 2.1 Level AA verweist. Für einen WooCommerce-Shop bedeutet das konkret: vollständige Tastaturbedienbarkeit, ausreichende Farbkontraste, aussagekräftige Alt-Texte, korrekt ausgezeichnete Formulare im Checkout, saubere Struktur mit Überschriften und ARIA sowie eine veröffentlichte Barrierefreiheitserklärung. Ausgenommen sind nur Kleinstunternehmen mit weniger als 10 Beschäftigten und höchstens 2 Mio. € Umsatz bzw. Bilanzsumme, die keine digitalen Dienstleistungen für Verbraucher anbieten. Bei Verstößen drohen Bußgelder bis 100.000 € sowie Abmahnungen. Dies ist kein Rechtsrat – die Betroffenheit hängt vom Einzelfall ab.
Was das BFSG verlangt
Das BFSG setzt die EU-Richtlinie European Accessibility Act (EAA) in deutsches Recht um und macht Barrierefreiheit für viele private Anbieter verbindlich. Seit dem 28. Juni 2025 müssen elektronische Dienstleistungen, die über eine Website an Verbraucher gerichtet sind – allen voran Onlineshops – barrierefrei sein.
Das Gesetz selbst nennt keine technischen Details, sondern verweist auf die europäische Norm EN 301 549 – und diese wiederum auf die Erfolgskriterien der WCAG 2.1 auf Konformitätsstufe AA. Zusätzlich müssen Dienstleistungserbringer eine Barrierefreiheitserklärung veröffentlichen. Durchgesetzt wird das BFSG durch Marktüberwachungsbehörden; seit Sommer 2025 sind zudem erste Abmahnwellen durch Mitbewerber dokumentiert.
Wer ist betroffen – und wer nicht?
Betroffen sind grundsätzlich alle B2C-Websites mit vertraglich relevanter Funktion – also Onlineshops, Buchungs- oder Bestellformulare, über die Verträge mit Verbrauchern angebahnt oder geschlossen werden. Reine Informations- oder Imageseiten ohne solche Funktion fallen in der Regel nicht darunter, B2B-Shops meist ebenfalls nicht.
Eine zentrale Ausnahme gilt für Kleinstunternehmen: Wer als Dienstleister weniger als 10 Beschäftigte hat und höchstens 2 Mio. € Jahresumsatz oder Jahresbilanzsumme erreicht, ist von den Anforderungen ausgenommen. Diese Ausnahme betrifft Dienstleistungen; bei Produkten gelten andere Maßstäbe. Sobald ein WooCommerce-Shop also an Verbraucher verkauft und das Unternehmen über diesen Schwellen liegt, greift die Pflicht.
Hinweis – kein Rechtsrat: Ob und in welchem Umfang das BFSG auf Ihren Shop zutrifft, ist eine rechtliche Frage und hängt vom Einzelfall ab (Beschäftigtenzahl, Umsatz, konkretes Angebot). Lassen Sie Ihre Betroffenheit anwaltlich prüfen. Dieser Beitrag erklärt die technische Umsetzung, ersetzt aber keine Rechtsberatung.
Was WCAG 2.1 AA technisch fordert
Die WCAG 2.1 ruhen auf vier Grundprinzipien, oft als POUR abgekürzt: wahrnehmbar, bedienbar, verständlich und robust. Für die Stufe AA sind insgesamt 78 Erfolgskriterien zu erfüllen.
Wahrnehmbar bedeutet, dass Informationen für alle Sinne zugänglich sind – etwa über Alternativtexte und ausreichende Kontraste. Bedienbar heißt, dass sich alles auch ohne Maus, allein per Tastatur, steuern lässt. Verständlich verlangt klare Inhalte, vorhersehbares Verhalten und hilfreiche Fehlermeldungen. Robust schließlich fordert sauberen, standardkonformen Code, den assistive Technologien wie Screenreader zuverlässig interpretieren können. Typische AA-Kriterien sind ausreichende Farbkontraste, korrekt ausgezeichnete Formularfelder und eine strukturierte Überschriften-Hierarchie.
WooCommerce barrierefrei machen: die technischen Punkte
Übersetzt auf einen WooCommerce-Shop ergeben sich konkrete technische Anforderungen – vom Produktbild über die Filter bis zum Checkout. Die folgenden Punkte decken die wichtigsten AA-Kriterien für einen Shop ab.
- Tastaturbedienbarkeit. Menü, Filter, „In den Warenkorb“ und der gesamte Checkout müssen per Tastatur nutzbar sein – mit sichtbarem Fokus und logischer Reihenfolge.
- Farbkontraste. Mindestens 4,5:1 für normalen Text, 3:1 für großen Text und Bedienelemente. Information darf nie allein über Farbe vermittelt werden.
- Alternativtexte. Aussagekräftige Alt-Texte für Produktbilder, damit Screenreader sie beschreiben können.
- Formulare korrekt auszeichnen. Sichtbare Labels und klare Fehlermeldungen für Checkout, Login, Suche und Registrierung – Fehler benennen und Lösungen vorschlagen.
- Struktur & ARIA. Saubere Überschriften-Hierarchie, Landmarks und sprechende Namen für Buttons und Links; ARIA nur dort, wo HTML allein nicht reicht.
- Statusmeldungen ansagen. Warenkorb-Updates und Validierungen über ARIA-Live-Bereiche hörbar machen.
- Zoom & Reflow. Inhalte bleiben bis 200 % Zoom ohne Verlust nutzbar und fließen responsiv um.
- Medien & Dokumente. Untertitel oder Transkripte für Videos und barrierefreie PDFs, etwa bei Rechnungen.
Theme & Plugins: die häufigsten Stolpersteine
In WooCommerce entscheidet vor allem das Zusammenspiel aus Theme und Plugins über die Barrierefreiheit. Viele Probleme entstehen nicht im Shop-Kern, sondern in zugekauften Bausteinen.
Wählen Sie ein als barrierefrei ausgewiesenes („accessibility-ready“) Theme als Basis. Prüfen Sie jedes Plugin kritisch – Page-Builder, Slider, Popups und Cookie-Banner sind häufige Schwachstellen, weil sie Tastaturbedienung, Fokus und Kontraste brechen. Und ein wichtiger Hinweis: Sogenannte Overlay-Tools oder Barrierefreiheits-Widgets, die per Klick „Barrierefreiheit herstellen“ versprechen, ersetzen keine echte Umsetzung. Barrierefreiheit steckt im Theme, im Code und in jedem Formular – nicht in einem aufgesetzten Plugin.
So testen Sie die Barrierefreiheit
Barrierefreiheit lässt sich nur durch eine Kombination aus automatisierten und manuellen Tests verlässlich prüfen. Automatische Werkzeuge finden viele, aber längst nicht alle Probleme.
Setzen Sie automatisierte Prüfer wie axe, Lighthouse oder WAVE ein, um offensichtliche Fehler aufzudecken. Ergänzen Sie das unbedingt um manuelle Tests: die komplette Bedienung nur per Tastatur, einen Durchlauf mit einem Screenreader (etwa NVDA oder VoiceOver) und eine Kontrastprüfung. Wichtig ist auch der Praxistest des Kaufprozesses von der Produktseite bis zur Bestellbestätigung. Dienstleistungserbringer müssen ihre Angebote zudem regelmäßig – mindestens alle fünf Jahre sowie bei Änderungen – erneut überprüfen.
Barrierefreiheitserklärung & Feedback
Neben der technischen Umsetzung verlangt das BFSG eine veröffentlichte Barrierefreiheitserklärung. Sie informiert Nutzer darüber, wie barrierefrei Ihr Angebot ist, und bietet einen Weg, Barrieren zu melden.
Die Erklärung gehört gut auffindbar auf die Website und sollte einen Feedback-Mechanismus enthalten, über den Nutzer Probleme zurückmelden können. Sie ist damit nicht nur Pflicht, sondern auch ein praktisches Instrument, um Schwachstellen früh zu erkennen und nachzubessern.
Die BFSG-WooCommerce-Checkliste auf einen Blick
Diese Übersicht fasst die zentralen technischen Anforderungen nach WCAG 2.1 AA für einen WooCommerce-Shop zusammen – als schnelle Kontrollliste für Entwicklung und Betrieb.
| Bereich | Anforderung (WCAG 2.1 AA) |
|---|---|
| Bedienung | komplett per Tastatur, sichtbarer Fokus, logische Reihenfolge |
| Kontrast | 4,5:1 für Text, 3:1 für groß/UI, nicht nur Farbe |
| Bilder | aussagekräftige Alt-Texte für Produktbilder |
| Formulare | sichtbare Labels und klare Fehlermeldungen |
| Struktur | Überschriften, Landmarks, sprechende ARIA-Namen |
| Feedback | Statusmeldungen über ARIA-Live-Bereiche |
| Skalierung | 200 % Zoom und Reflow ohne Verlust |
| Pflicht-Dokumentation | Barrierefreiheitserklärung mit Feedback-Kanal |
Diese Punkte sauber umzusetzen ist Entwicklungsarbeit am Theme, am Code und an den Formularen. Genau darauf zielt unsere Web-Entwicklung mit AEO-Fokus: technisch sauberer, barrierefreier und zugleich für Suche und KI optimierter Code.
Sie möchten Ihren WooCommerce-Shop BFSG-konform und technisch sauber aufstellen? Unsere transparenten Preise sehen Sie auf einen Blick.
WooCommerce barrierefrei umsetzenHäufige Fehler
Diese Fehler führen bei der BFSG-Umsetzung in die Irre:
- Auf ein Overlay-Widget setzen und glauben, damit sei Barrierefreiheit „erledigt“.
- Nur automatisiert testen und die manuellen Prüfungen (Tastatur, Screenreader) auslassen.
- Den Checkout vergessen – gerade Formulare und Statusmeldungen sind kritisch.
- Ein nicht barrierefreies Theme oder problematische Plugins (Slider, Popups) verwenden.
- Information allein über Farbe vermitteln (z. B. nur rote Fehlermarkierung).
- Die Barrierefreiheitserklärung weglassen oder schwer auffindbar platzieren.
- Annehmen, man sei automatisch als Kleinstunternehmen ausgenommen, ohne die Schwellen zu prüfen.
Häufige Fragen
Seit wann gilt das BFSG?
Seit dem 28. Juni 2025. Es setzt die EU-Richtlinie European Accessibility Act in deutsches Recht um und verpflichtet B2C-Onlineshops und andere elektronische Dienstleistungen zur Barrierefreiheit.
Welcher technische Standard gilt?
Die Norm EN 301 549, die auf die WCAG 2.1 Level AA verweist. Für die Stufe AA sind 78 Erfolgskriterien zu erfüllen, etwa zu Kontrasten, Formularen, Tastaturbedienung und Struktur.
Ist mein kleiner Shop ausgenommen?
Möglicherweise. Ausgenommen sind Kleinstunternehmen mit weniger als 10 Beschäftigten und höchstens 2 Mio. € Umsatz bzw. Bilanzsumme, die keine digitalen Dienstleistungen für Verbraucher anbieten. Ob das zutrifft, ist eine rechtliche Frage des Einzelfalls – kein Rechtsrat.
Was droht bei Verstößen?
Marktüberwachungsbehörden können Bußgelder von 10.000 € bis 100.000 € verhängen und Vertriebsverbote aussprechen. Hinzu kommen Abmahnungen durch Mitbewerber sowie Klagemöglichkeiten von Verbrauchern und Verbänden.
Reicht ein Barrierefreiheits-Plugin oder Overlay?
Nein. Overlay-Tools und Widgets ersetzen keine echte Umsetzung. Barrierefreiheit muss im Theme, im Code und in den Formularen verankert sein – ein aufgesetztes Plugin behebt die zugrunde liegenden Probleme nicht.
Wie teste ich meinen WooCommerce-Shop?
Mit einer Kombination aus automatisierten Prüfern (axe, Lighthouse, WAVE) und manuellen Tests: vollständige Tastaturbedienung, ein Screenreader-Durchlauf und eine Kontrastprüfung – inklusive des kompletten Kaufprozesses.
Muss ich etwas dokumentieren?
Ja. Sie benötigen eine veröffentlichte Barrierefreiheitserklärung mit einem Feedback-Mechanismus. Zudem müssen Dienstleister mindestens alle fünf Jahre und bei Änderungen erneut prüfen.
Gilt das auch für B2B-Shops?
In der Regel nicht. Das BFSG zielt auf Angebote, die sich direkt an Verbraucher (B2C) richten. Reine Informationsseiten ohne vertragliche Funktion fallen meist ebenfalls nicht darunter. Die Einordnung im Einzelfall ist eine rechtliche Frage.
Glossar
- BFSG
- Barrierefreiheitsstärkungsgesetz; deutsche Umsetzung des European Accessibility Act, in Kraft seit 28. Juni 2025.
- EAA
- European Accessibility Act (Richtlinie (EU) 2019/882) – die zugrunde liegende EU-Vorgabe.
- EN 301 549
- Europäische Norm, auf die das BFSG verweist; sie referenziert die WCAG 2.1.
- WCAG 2.1 AA
- Web Content Accessibility Guidelines, Konformitätsstufe AA – der technische Maßstab für Barrierefreiheit im Web.
- POUR
- Die vier WCAG-Prinzipien: wahrnehmbar, bedienbar, verständlich, robust.
- ARIA
- Accessible Rich Internet Applications – Auszeichnungen, die assistiven Technologien Bedeutung und Status vermitteln.
- Barrierefreiheitserklärung
- Pflicht-Dokument, das über den Stand der Barrierefreiheit informiert und Feedback ermöglicht.
- Overlay
- Aufgesetztes Widget mit dem Versprechen, Barrierefreiheit per Klick herzustellen – kein Ersatz für echte Umsetzung.
Einschätzung aus der Praxis
Barrierefreiheit ist kein Plugin – sie steckt in Theme, Code und jedem Formular.
Tomasz Węsierski, CEO & Lead Developer bei Westom. Er hat den E-Commerce bei Expondo über elf europäische Märkte mit aufgebaut.
Unabhängige Bewertungen, ihr aktueller Stand und die jeweils berichteten Projektergebnisse sind auf unserer Seite Referenzen und Methodik mit Links zu den externen Profilen dokumentiert. Partnerschaftsstatus und Zertifikate werden getrennt von Kundenbewertungen ausgewiesen.
Verwandte Themen
Machen Sie Ihren Shop technisch sauber barrierefrei – nicht mit einem Overlay, sondern im Code. Mehr über uns erfahren Sie hier.
Jetzt BFSG-konform umsetzen
