Barrierefreiheitsstärkungsgesetz Online-Shop: BFSG für Gründer:innen praxisnah umsetzen

Seit dem 28. Juni 2025 gilt das Barrierefreiheitsstärkungsgesetz für viele digitale B2C-Angebote in Deutschland, und damit wird das Thema Barrierefreiheitsstärkungsgesetz Online-Shop für Gründer:innen konkret relevant. Viele fragen sich gerade, ob für ihren Shop eine Website Barrierefreiheit Pflicht besteht und was das in der Praxis bedeutet. Die gute Nachricht: Du musst deinen Shop nicht über Nacht neu bauen.

Dieser Artikel liefert dir eine einfache Einordnung statt eines Paragrafen-Exkurses und praktische Prioritäten statt Panik. Er beantwortet drei Fragen: Betrifft uns das BFSG überhaupt? Was prüft ihr zuerst? Und wie setzt ihr digitale Barrierefreiheit E-Commerce in 30 Tagen pragmatisch um? Wer es früh richtig angeht, gewinnt außerdem mehr als nur Compliance: bessere Nutzbarkeit, weniger Reibung im Checkout und mehr Vertrauen bei allen Kund:innen.

Kurzdisclaimer: Dieser Beitrag bietet Orientierung, aber keine individuelle Rechtsberatung. Ob dein konkreter Shop oder digitaler Service unter das BFSG fällt und welche Pflichten genau gelten, sollte bei Unsicherheit individuell rechtlich geprüft werden.

Das Barrierefreiheitsstärkungsgesetz (BFSG) setzt die EU-Richtlinie zum European Accessibility Act in deutsches Recht um. Es verpflichtet bestimmte Unternehmen, digitale Produkte und Dienstleistungen so zu gestalten, dass sie auch für Menschen mit Behinderungen oder eingeschränkten Fähigkeiten nutzbar sind. Für Online-Shops gilt es ab dem 28. Juni 2025.

Inhaltsverzeichnis

• Was ist das BFSG – einfach erklärt
• Betrifft das meinen Online-Shop überhaupt?
• Warum digitale Barrierefreiheit mehr ist als Compliance
• Wo Online-Shops typischerweise scheitern
• Praktische Shop-Checkliste – diese Bereiche zuerst prüfen
• WCAG Online-Shop – was Gründer:innen wirklich wissen müssen
• Konkrete Hinweise für Shopify, WooCommerce und Baukästen
• 30-Tage-Fahrplan – so setzt ihr Barrierefreiheit pragmatisch um
• So testet ihr ohne Spezialteam schon sinnvoll
• Typische Fehler kleiner Teams
• Kurzer Rechtshinweis und realistische Priorisierung
• Fazit

Was ist das BFSG – einfach erklärt, ohne Juristendeutsch

Das BFSG steht für Barrierefreiheitsstärkungsgesetz. Es setzt europäische Vorgaben aus dem European Accessibility Act in deutsches Recht um und regelt, dass bestimmte Produkte und Dienstleistungen für alle Menschen nutzbar sein müssen, auch für Menschen mit Behinderungen oder eingeschränkten Fähigkeiten.

Für digitale Angebote ist vor allem dieser Kern praktisch relevant: Dienstleistungen im elektronischen Geschäftsverkehr für Verbraucher:innen müssen barrierefrei gestaltet werden. Gemeint sind laut Gesetz digitale Dienste über Webseiten oder mobile Anwendungen, die auf individuelle Anfrage von Verbraucher:innen im Hinblick auf einen Verbrauchervertrag erbracht werden. Damit lassen sich klassische Online-Shops, Apps mit Kauffunktion, Buchungsstrecken und digitale B2C-Services eindeutig einordnen.

Zwei Begriffe sind dabei wichtig zu verstehen. Barrierefreiheit bedeutet in diesem Kontext: Inhalte und Funktionen müssen auch mit Tastatur, Screenreader, Vergrößerung oder anderen Hilfsmitteln nutzbar sein. Ein Screenreader ist eine Vorlese-Software, die blinden oder seheingeschränkten Menschen ermöglicht, digitale Inhalte zu hören statt zu sehen. Der verbindliche Stichtag ist der 28. Juni 2025.

Quellen: gesetze-im-internet.de/bfsg/__2 | Bundesfachstelle Leitlinien BFSG (PDF)

Betrifft das meinen BFSG Online-Shop überhaupt?

Dieser Abschnitt ist eine grobe Orientierung, keine rechtsverbindliche Prüfung. Besonders relevant ist das BFSG für B2C-Angebote, also wenn sich dein Shop oder digitaler Service direkt an Verbraucher:innen richtet.

Typische Fälle, bei denen du genauer hinschauen solltest:

• Klassische Online-Shops mit Produktkatalog und Checkout
• Shops mit Kundenkonto, Login und Bestellprozess
• Buchungs- und Terminstrecken über Website oder App
• Apps, über die Kauf- oder Vertragsabschlüsse stattfinden
• Digitale Dienstleistungen, die über Website oder App abgeschlossen werden

Die offiziellen Leitlinien machen das greifbar: Wenn ein Unternehmen über seine Website Informationen bereitstellt, Termine buchbar macht und Produkte verkauft, kann die gesamte Website inklusive Checkout betroffen sein. Das ist wichtig, weil sich manche Gründer:innen nur einzelne Unterseiten anschauen und den Checkout vergessen.

Es gibt jedoch Ausnahmen, die du kennen solltest, ohne sie als Standardausweg zu betrachten. Reine B2B-Dienstleistungen sind laut den offiziellen FAQ in der Regel nicht der Fokus des BFSG. Kleinstunternehmen, die Dienstleistungen anbieten oder erbringen, sind nach § 3 Abs. 3 BFSG ausgenommen. Ob diese Ausnahme auf deinen konkreten Fall zutrifft, solltest du aber nicht pauschal annehmen. Darüber hinaus gibt es Ausnahmetatbestände wie grundlegende Veränderung oder unverhältnismäßige Belastung, die aber ebenfalls kein Standardausweg sind.

Für bestimmte bereits vor dem 28. Juni 2025 rechtmäßig genutzte Produkte und unverändert fortbestehende Dienstleistungsverträge gibt es Übergangsregelungen, längstens bis zum 27. Juni 2030. Diese Übergänge sind jedoch kein Freifahrtschein; für deine konkrete Konstellation lohnt sich eine genaue Prüfung.

Quellen: Bundesfachstelle FAQ BFSG | gesetze-im-internet.de/bfsg/__38

Warum digitale Barrierefreiheit E-Commerce mehr ist als Compliance

Barrierefreiheit ist kein reines Pflichtprojekt. Es ist ein UX- und Wachstumsthema. UX (Nutzererlebnis) beschreibt, wie einfach und angenehm es für Menschen ist, dein Angebot zu nutzen. Und barrierefreie Shops sind schlicht besser nutzbar, für alle.

Hier ein paar konkrete Gründe, warum sich das für deinen Shop auszahlt:

• Klarere Navigation hilft auch mobilen Nutzer:innen mit kleinen Bildschirmen
• Verständlichere Formulare reduzieren Fehler und Abbrüche im Checkout
• Bessere Lesbarkeit und Kontraste helfen bei schlechter Beleuchtung oder in Stresssituationen
• Eindeutige Buttons und Produktinfos senken Kaufabbrüche
• Zugängliche Inhalte stärken Vertrauen in Marke und Seriosität

Das trifft auch auf das Thema Barrierefreiheit Conversion zu: Wenn Nutzer:innen Hürden schneller verstehen und überwinden, verbessern sich die Grundlagen für bessere Conversion, ohne dass Barrierefreiheit eine isolierte Marketingmaßnahme wäre. Das W3C Accessibility Initiative hält fest, dass digitale Barrierefreiheit eng mit Usability, Nutzererfahrung und wirtschaftlichem Nutzen zusammenhängt.

Wo Online-Shops typischerweise scheitern

Wer den Onlineshop barrierefrei machen will, sollte zuerst die Stellen prüfen, an denen Nutzer:innen Produkte finden, verstehen und bezahlen müssen.

Das sind die häufigsten Problemstellen:

• Navigation nicht per Tastatur bedienbar: Menüs, Filter, Suchvorschläge oder Pop-ups lassen sich ohne Maus nicht sauber nutzen.
• Schlechte Kontraste und kleine Schrift: Text, Preise, Hinweise oder Buttons sind schwer lesbar. Kontrast beschreibt den Helligkeitsunterschied zwischen Text und Hintergrund.
• Fehlende oder unpassende Alt-Texte: Produktbilder, Icons und Funktionsgrafiken sind für Screenreader nicht verständlich. Ein Alt-Text ist eine kurze Beschreibung oder Funktionsbeschreibung eines Bildes.
• Unklare Formularfelder: Felder haben nur Platzhalter statt echter Beschriftung, oder Labels sind technisch nicht sauber verknüpft.
• Zu vage Fehlermeldungen im Checkout: Statt zu sagen, welches Feld fehlerhaft ist und wie der Fehler zu korrigieren ist, erscheint eine allgemeine Meldung.
• Fokus geht verloren: Nach Pop-ups, Warenkorb-Overlays oder Login-Schritten ist nicht mehr erkennbar, wo sich der Tastaturfokus gerade befindet.
• Produktinfos sind schwer verständlich: Varianten, Größen, Lieferinfos, Preise oder Rückgabehinweise sind unklar formuliert oder visuell versteckt.
• PDFs, E-Books, Tickets oder Anleitungen sind nicht zugänglich.
• Support ist nur über schwer nutzbare Kanäle erreichbar.

Quellen: Bundesfachstelle Handout Online-Shop (PDF) | Bundesfachstelle barrierefreie PDF

Praktische Shop-Checkliste – diese Bereiche zuerst prüfen

Statt den gesamten Shop gleichzeitig umzubauen, solltet ihr die umsatzkritischen und nutzungsintensiven Bereiche zuerst prüfen. Hier ist die Priorisierung, die wirklich zählt.

1. Navigation und Einstieg

Hauptmenü, Suche, Kategorien und Filter müssen per Tastatur vollständig erreichbar sein. Prüft, ob ein sichtbarer Fokus vorhanden ist: Nutzer:innen müssen jederzeit erkennen, welches Element gerade aktiv ist. Link- und Buttontexte sollten eindeutig sein, statt “mehr” besser “Produktdetails ansehen”.

2. Produktseiten

Produktname, Preis, Varianten, Lieferzeit, Verfügbarkeit und CTA müssen klar strukturiert dargestellt werden. Produktbilder brauchen sinnvolle Alt-Texte, wenn der Bildinhalt relevant ist; rein dekorative Bilder werden laut W3C-Empfehlung bewusst leer gelassen. Produktbeschreibungen sollten in kurzer, verständlicher Sprache mit Zwischenüberschriften und Listen strukturiert sein.

3. Warenkorb und Checkout

Alle Formularfelder klar beschriften, nicht nur mit Platzhaltern arbeiten. Pflichtfelder müssen kenntlich gemacht werden. Fehlermeldungen gehören direkt ans betroffene Feld und erklären kurz, wie der Fehler zu beheben ist. Laut BFSGV sind Sicherheits-, Identifizierungs- und Zahlungsfunktionen für E-Commerce besonders zentral und müssen wahrnehmbar, bedienbar, verständlich und robust sein.

4. Konto, Login und Passwort-Prozesse

Login, Registrierung, Passwort-Reset und Verifizierung sind kritische Hürden im Nutzungsfluss. Identifizierungs-, Authentifizierungs- und Sicherheitsfunktionen müssen barrierefrei umgesetzt sein. Diese Schritte werden beim Testen oft vergessen, gehören aber zu den entscheidenden Punkten der BFSGV-Anforderungen.

5. Support und Zusatzinhalte

Kontaktformulare, Chat, Helpdesk und Rückfrageprozesse müssen zugänglich gestaltet sein. PDFs, E-Books, Tickets, Anleitungen und Produktdatenblätter sollten mitgedacht werden, denn auch herunterladbare Inhalte können unter die Barrierefreiheitspflicht fallen.

Quellen: gesetze-im-internet.de/bfsgv/__19 | w3.org WAI Forms Labels | w3.org WAI Forms Notifications | w3.org WAI Alt-Text Entscheidungsbaum

WCAG Online-Shop – was Gründer:innen davon wirklich wissen müssen

Wenn du dich mit WCAG Online-Shop beschäftigst, stößt du auf internationale Richtlinien, die digitale Barrierefreiheit in praktische Prinzipien übersetzen. WCAG steht für Web Content Accessibility Guidelines und ist der international anerkannte Standard des W3C.

Für kleine Shop-Teams sind die vier Kernprinzipien das beste Raster, um Prioritäten zu setzen:

• Wahrnehmbar: Inhalte müssen erkennbar sein, zum Beispiel durch lesbaren Text, ausreichende Kontraste und Alternativen für Bilder.
• Bedienbar: Alles Wesentliche muss ohne Maus funktionieren, inklusive Fokusführung und Tastaturnavigation durch Menüs, Formulare und Checkout.
• Verständlich: Sprache, Navigation, Formulare und Fehlermeldungen müssen nachvollziehbar sein.
• Robust: Code und Struktur sollten so umgesetzt sein, dass Browser und Hilfstechnologien die Inhalte zuverlässig interpretieren können.

WCAG ist keine Theorieprüfung. Für den Shop-Alltag zeigen die vier Prinzipien klar, wo zuerst Umsatz und Nutzbarkeit leiden: beim Checkout, bei Formularen, bei Navigation und bei Produktinfos. Wer dort ansetzt, hat den größten Hebel.

Konkrete Hinweise für Shopify, WooCommerce und Shop-Baukästen

Shopify

Bei Shopify ist oft nicht der gesamte Shop das Problem, sondern die Summe aus Theme-Anpassungen, Apps und Content-Pflege. Prüfe als Erstes: Kontraste, sichtbare Fokuszustände, Alt-Texte für Produktbilder, Untertitel bei Videos und die Zugänglichkeit von App-Elementen wie Produktoptionen oder Pop-ups.

WooCommerce

Bei WooCommerce solltet ihr Theme und Plugins zuerst prüfen, weil Drittanbieter-Erweiterungen und benutzerdefiniertes JavaScript oder CSS die Barrierefreiheit verschlechtern können. Semantisch sauber umgesetzte Blöcke und Formulare sind die Basis. Nach jeder größeren Änderung solltet ihr Produkt-, Warenkorb- und Checkout-Flows erneut testen, weil sich Abhängigkeiten schnell negativ auswirken.

Baukastensysteme

Wenn die Eingriffstiefe begrenzt ist, liegt der Fokus auf Template-Auswahl, Content-Struktur, Medien, Formularen und den tatsächlich anpassbaren UX-Elementen. Ehrlich gesagt lassen sich manche Probleme im Baukasten nur eingeschränkt lösen. Dann ist Priorisierung besonders wichtig: die größten Barrieren zuerst angehen und dokumentieren, was aktuell nicht lösbar ist.

30-Tage-Fahrplan – so setzt ihr Barrierefreiheit pragmatisch um

Woche 1: Audit und Bestandsaufnahme

Ein Audit ist eine strukturierte Prüfung des aktuellen Zustands. Listet alle kritischen Seiten und Prozesse: Startseite, Kategorien, Produktseiten, Warenkorb, Checkout, Konto, Support und Downloads. Führt einen Selbsttest nur mit Tastatur durch, prüft die mobile Nutzung und dokumentiert erste Barrieren mit Screenshots oder einer kurzen Tabelle.

Woche 2: Quick Wins umsetzen

Alt-Texte für relevante Bilder ergänzen. Kontraste und Button-Beschriftungen verbessern. Echte Formularlabels einbauen statt nur mit Platzhaltern zu arbeiten. Fehlermeldungen im Checkout verständlicher und feldbezogen machen. Dekorative Elemente, die den Fokus stören oder die Orientierung erschweren, reduzieren oder bereinigen.

Woche 3: Theme, Plugins und kritische Funktionen prüfen

Theme-Qualität und individuelle Anpassungen überprüfen. Plugins oder Apps identifizieren, die Menüs, Pop-ups, Produktoptionen oder den Checkout beeinflussen. Login, Passwort-Reset, Zahlungs- und Sicherheitsfunktionen priorisiert testen, weil diese Bereiche laut BFSGV besonders relevant sind.

Woche 4: Testen, Briefing, Dokumentation

Erneut Tastaturtest durchführen. Einen einfachen Screenreader-Basischeck machen, um Navigation, Buttons und Formularfelder zu prüfen. Ein Briefing für Entwickler:innen oder eine Agentur erstellen mit konkreten Problemen, Beispielen und Prioritäten. Dokumentation anlegen: Was wurde behoben, was bleibt offen, wer prüft künftige Änderungen?

Quellen: Bundesfachstelle Handout Online-Shop (PDF) | w3.org WAI Quick Checks

So testet ihr ohne Spezialteam schon sinnvoll

Die Hemmschwelle sinkt schnell, wenn ihr mit einfachen Mitteln startet. Diese Mini-Tests könnt ihr noch heute durchführen:

• Den kompletten Shop nur mit Tab, Shift+Tab, Enter und Pfeiltasten bedienen und schauen, wo ihr stecken bleibt.
• Prüfen, ob der Fokus jederzeit sichtbar ist, also ob erkennbar ist, welches Element gerade ausgewählt ist.
• Im Checkout bewusst Fehler erzeugen und beobachten, ob die Meldungen klar und feldbezogen sind.
• Bilder, Icons und Buttons darauf prüfen, ob ihre Funktion auch ohne visuelle Interpretation verständlich bleibt.
• Inhalte auf dem Smartphone lesen und bedienen, also nicht nur Klicks, sondern auch Scrollen, Tippen und Formularnutzung testen.
• Einen einfachen Screenreader-Basischeck nutzen, zum Beispiel NVDA (Windows) oder VoiceOver (Mac/iOS), um Navigation, Buttons und Formularfelder zu hören.

Automatische Test-Tools wie Lighthouse oder WAVE sind nützlich, ersetzen aber keine reale Nutzungsperspektive. Für Gründer:innen gilt: Ein ehrlicher Basischeck heute ist besser als auf die perfekte Komplettlösung zu warten.

Quelle: w3.org/WAI/test-evaluate/preliminary

Typische Fehler kleiner Teams – und wie ihr sie vermeidet

Kleine Teams machen beim Thema Barrierefreiheit immer wieder die gleichen Fehler. Hier sind die häufigsten, damit ihr sie umgeht:

• Fehler 1: Nur die Startseite optimieren und Checkout, Login oder Zahlungsprozesse ignorieren. Dabei passiert das meiste genau dort.
• Fehler 2: Glauben, ein neues Theme allein löse alle Probleme. Themes sind eine Grundlage, kein Komplettpaket.
• Fehler 3: Barrierefreiheit nur technisch denken und Content, PDFs, Produkttexte oder Support außen vor lassen.
• Fehler 4: Nach einmaligem Check nie wieder testen, obwohl Plugins, Themes und Checkout-Prozesse laufend geändert werden.
• Fehler 5: Aus Angst vor dem Aufwand gar nicht anfangen, statt zuerst die größten Barrieren zu beseitigen.

Für kleine Teams zählt nicht Perfektion in Woche 1, sondern saubere Priorisierung und ein stetiger Fortschritt.

Kurzer Rechtshinweis und realistische Priorisierung

Dieser Beitrag ist keine Rechtsberatung. Ob dein konkreter Shop oder digitaler Service unter das BFSG fällt und welche Pflichten genau gelten, sollte bei Unsicherheit individuell geprüft werden. Mit einem Fachanwalt oder einer spezialisierten Agentur bist du auf der sicheren Seite.

Wenn du heute anfangen willst, nutze diese Prioritätenreihenfolge:

1. Checkout, Zahlung, Login und Formulare zuerst prüfen und optimieren
2. Navigation, Suche und mobile Bedienbarkeit als nächstes
3. Produktseiten, Bilder und verständliche Inhalte systematisch durchgehen
4. Support-Kanäle und Kontaktprozesse zugänglich gestalten
5. PDFs, E-Books, Tickets und Downloads als letzten Block angehen

Das schließt den roten Faden: erst die größten Nutzungs- und Umsatzbarrieren entfernen, dann systematisch ausbauen.

Häufige Fragen zum BFSG und Online-Shops

Gilt das Barrierefreiheitsstärkungsgesetz für alle Online-Shops?

Nicht zwingend für alle. Das BFSG richtet sich hauptsächlich an B2C-Angebote, also Shops und digitale Services, die sich an Verbraucher:innen richten. Kleinstunternehmen, die Dienstleistungen erbringen, sind nach § 3 Abs. 3 BFSG ausgenommen. Ob das auf deinen Shop zutrifft, sollte im Zweifel individuell geprüft werden.

Was passiert, wenn ich meinen Shop nicht barrierefrei mache?

Das BFSG sieht Marktüberwachung und im Zweifel Bußgelder vor. Wichtiger ist aber: Wer jetzt anfängt, ist besser aufgestellt als wer wartet. Kleine, priorisierte Schritte sind besser als gar nichts.

Wie starte ich am besten mit dem Thema WCAG Online-Shop?

Am besten mit einem einfachen Tastaturtest durch den eigenen Shop. Dann die kritischen Bereiche Checkout, Formulare und Login prüfen und Quick Wins wie Alt-Texte, klare Labels und lesbare Kontraste als erstes umsetzen.

Was kostet es, einen Onlineshop barrierefrei zu machen?

Das hängt stark vom Ausgangszustand ab. Quick Wins wie Alt-Texte, Formularlabels und bessere Fehlermeldungen lassen sich oft mit wenig Aufwand umsetzen. Tiefergehende Anpassungen am Theme oder am Checkout-Flow erfordern Entwicklungszeit. Ein strukturierter Audit ist der sinnvolle erste Schritt, um den tatsächlichen Aufwand einzuschätzen.

Gibt es Übergangsfristen für bestehende Shops?

Ja, für bestimmte Fälle. Für bereits vor dem 28. Juni 2025 rechtmäßig genutzte Produkte und unverändert fortbestehende Dienstleistungsverträge gelten Übergangsregelungen, längstens bis zum 27. Juni 2030. Das ist aber kein Freifahrtschein für Untätigkeit.

Fazit: BFSG ohne Panik – aber mit Plan starten

Das Barrierefreiheitsstärkungsgesetz Online-Shop ist für viele B2C-Shops relevant, aber es ist vor allem eine Priorisierungsaufgabe, keine Katastrophe. Wer strukturiert vorgeht, gewinnt auf zwei Ebenen: weniger rechtliche Unsicherheit und gleichzeitig ein Shop, der für alle Nutzer:innen besser funktioniert. Bessere Nutzbarkeit, weniger Reibung im Checkout und stärkeres Vertrauen sind der direkte Nebeneffekt guter Barrierefreiheit Conversion-Arbeit.

Die konkreten nächsten Schritte für dich: Mach noch heute einen Tastaturtest durch deinen Checkout. Schau dir an, ob Formulare sauber beschriftet sind und ob Fehlermeldungen wirklich helfen. Lege dann eine Quick-Win-Liste für die nächsten 30 Tage an und starte mit den umsatzkritischen Bereichen.

Wer seinen Onlineshop barrierefrei machen will, muss nicht alles sofort perfekt lösen. Aber jetzt strukturiert anzufangen ist klar die bessere Entscheidung als zu warten.

Pro-Tipp: Drucke dir die Prioritätenliste aus Abschnitt 11 aus und hänge sie an dein Board. Hak in den nächsten 4 Wochen Punkt für Punkt ab. Ein strukturierter Audit in Woche 1 spart dir in Woche 3 und 4 die Hälfte der Zeit.