BFSG Checkliste für Online Shops: Was Betreiber jetzt umsetzen müssen

Das Barrierefreiheitsstärkungsgesetz (BFSG) ist seit dem 28. Juni 2025 für alle relevanten Online-Händler verbindlich — und viele Shop-Betreiber sind noch nicht vorbereitet. Mit dieser BFSG Checkliste für Online Shops erfahren Sie Schritt für Schritt, welche Anforderungen gelten, was Sie konkret umsetzen müssen und wie Sie den Aufwand realistisch einschätzen können.

Wichtiger Hinweis: Dieser Artikel dient zur allgemeinen Orientierung und ersetzt keine Rechtsberatung. Für verbindliche Einschätzungen wenden Sie sich an eine Rechtsanwältin oder einen Rechtsanwalt sowie an barrierefreiheit-spezialisierte Prüfstellen.

Was ist das BFSG — und gilt es für Ihren Online Shop?

Das Barrierefreiheitsstärkungsgesetz setzt die EU-Richtlinie 2019/882 (European Accessibility Act, EAA) in deutsches Recht um. Es verpflichtet Unternehmen, bestimmte digitale Produkte und Dienstleistungen so zu gestalten, dass Menschen mit Behinderungen sie eigenständig nutzen können.

Online Shops fallen unter das BFSG, wenn sie als „Dienste des elektronischen Geschäftsverkehrs" eingestuft werden — also Verbraucher:innen die Möglichkeit geben, Waren oder Dienstleistungen online zu bestellen und zu bezahlen.

Welche Unternehmen sind betroffen?

Das BFSG enthält eine Kleinstunternehmen-Ausnahme: Unternehmen mit weniger als 10 Mitarbeitenden und einem Jahresumsatz (oder einer Jahresbilanzsumme) von höchstens 2 Millionen Euro sind grundsätzlich ausgenommen.

Treffen beide Kleinstunternehmen-Kriterien auf Sie zu, sind Sie aktuell ausgenommen. Wächst Ihr Unternehmen jedoch über diese Schwellen, greift die Pflicht. Und selbst wenn Sie formal ausgenommen sind: Barrierefreiheit erschließt Ihnen eine größere Zielgruppe und verbessert Ihr Google-Ranking — es lohnt sich also trotzdem.

Die gesetzliche Grundlage: WCAG 2.1 Level AA

Das BFSG schreibt keine eigene technische Norm vor, sondern verweist auf die EN 301 549, die wiederum im Kernbereich auf den Web Content Accessibility Guidelines (WCAG) 2.1, Konformitätsstufe AA basiert. Diese Richtlinien sind das technische Rückgrat jeder BFSG-Prüfung.

WCAG 2.1 AA ist rund um vier Prinzipien aufgebaut:

1. Wahrnehmbar – Inhalte müssen für alle Sinne zugänglich sein.
2. Bedienbar – Navigation und Interaktion müssen ohne Maus funktionieren.
3. Verständlich – Texte und Abläufe müssen klar und vorhersehbar sein.
4. Robust – Inhalte müssen mit assistiven Technologien (z. B. Screenreadern) kompatibel sein.

In unserem ausführlichen Artikel Barrierefreie Website: Was das BFSG und WCAG für KMU bedeuten erklären wir die vier WCAG-Prinzipien noch detaillierter und zeigen, was das konkret für Website-Betreiber bedeutet.

BFSG Checkliste Online Shop: 10 Prüfbereiche im Überblick

Die folgende Checkliste orientiert sich an den WCAG 2.1 AA-Kriterien und den spezifischen Anforderungen des BFSG für E-Commerce-Dienste. Haken Sie jeden Punkt nach der Prüfung ab.

1. Alternativtexte für alle Produktbilder

• Jedes Produktbild hat einen aussagekräftigen alt-Text (z. B. „Blaue Winterjacke, Herren, Größe M")
• Rein dekorative Bilder haben einen leeren alt=""-Wert
• Banner und Aktionsbilder mit Textinhalt beschreiben den Text im Alt-Attribut
• Icons (z. B. Warenkorb-Symbol) haben eine ARIA-Beschriftung oder sichtbaren Text

Warum wichtig: Screenreader lesen Alt-Texte vor. Fehlen sie, können blinde Nutzer:innen Produkte nicht identifizieren.

2. Tastaturzugänglichkeit der gesamten Kaufstrecke

• Warenkorb, Produktseite und Checkout sind vollständig per Tastatur bedienbar
• Der Fokus-Indikator (sichtbarer Rahmen um das aktive Element) ist nie unterdrückt
• Keine „Keyboard-Traps" — der Fokus bleibt nicht in Modals oder Dropdowns stecken
• Die Tab-Reihenfolge entspricht der visuellen Lesereihenfolge

3. Farbe und Kontrast

• Text auf farbigem Hintergrund hat ein Kontrastverhältnis von mind. 4,5:1 (Normalgröße) bzw. 3:1 (Großtext ≥ 18pt)
• Informationen werden nie ausschließlich durch Farbe vermittelt (z. B. „Pflichtfelder sind rot")
• Schaltflächen wie „In den Warenkorb" haben ausreichend Kontrast sowohl im Normalzustand als auch im Hover/Fokus-Zustand

4. Formulare und Checkout-Prozess

• Alle Formularfelder (Name, Adresse, Zahlungsdaten) haben sichtbare und programmatisch verknüpfte Labels (<label for="...">)
• Fehlermeldungen sind spezifisch (nicht nur „Fehler", sondern „Bitte geben Sie eine gültige E-Mail-Adresse ein")
• Pflichtfelder sind sowohl visuell als auch für Screenreader als Pflichtfeld gekennzeichnet (required, aria-required)
• Eingaben werden bei Fehlern nicht gelöscht — Nutzer:innen können korrigieren
• Zeitlimits (z. B. Session-Timeout im Checkout) können verlängert oder deaktiviert werden

5. Navigation und Seitenstruktur

• Jede Seite hat einen eindeutigen, aussagekräftigen <title>
• Überschriften (h1–h6) sind hierarchisch korrekt strukturiert — keine Überschriften-Ebene wird übersprungen
• Ein Skip-Link „Zum Hauptinhalt springen" ist das erste fokussierbare Element jeder Seite
• Breadcrumb-Navigation ist vorhanden und per ARIA korrekt ausgezeichnet
• Kategoriefilter und Sortierfunktionen sind per Tastatur bedienbar

6. Texte und Lesbarkeit

• Texte können auf 200 % vergrößert werden, ohne dass Inhalte übereinanderliegen oder Funktionen verloren gehen
• Zeilenhöhe, Buchstaben- und Wortabstand können über Browser-Einstellungen angepasst werden (kein !important-Lock)
• Produktbeschreibungen sind klar formuliert — Fachjargon wird erklärt

7. Videos und Medieninhalte

• Produktvideos haben Untertitel (für Gehörlose/Schwerhörige)
• Automisch abspielende Videos können gestoppt, pausiert oder stummgeschaltet werden
• Audiodeskriptionen für Videos, die visuelle Informationen enthalten, die nicht aus dem Ton hervorgehen

8. Mobile Zugänglichkeit

• Der Shop ist vollständig per Touch bedienbar (keine Hover-only-Funktionen)
• Tipp-Ziele (Buttons, Links) sind mindestens 44 × 44 CSS-Pixel groß
• Der Shop funktioniert sowohl im Hoch- als auch im Querformat (keine Orientierungssperrung)
• Zoom ist nicht per user-scalable=no im Viewport deaktiviert

9. Erklärung zur Barrierefreiheit (Pflichtdokument)

• Eine Erklärung zur Barrierefreiheit ist auf der Website veröffentlicht (verpflichtend nach BFSG)
• Die Erklärung nennt den Konformitätsstatus, bekannte Einschränkungen und eine Kontaktmöglichkeit für Rückmeldungen
• Es gibt einen Feedback-Mechanismus, über den Nutzer:innen Barrieren melden können
• Der Feedback-Mechanismus wird innerhalb angemessener Frist bearbeitet

10. Technische Qualität und Kompatibilität

• HTML ist valide und semantisch korrekt (keine ARIA-Rollen auf falschen Elementen)
• Der Shop ist mit gängigen Screenreadern kompatibel (NVDA/Windows, VoiceOver/macOS und iOS)
• Statusmeldungen (z. B. „Artikel wurde dem Warenkorb hinzugefügt") werden per ARIA-Live-Region kommuniziert, ohne den Fokus zu verschieben
• Drittanbieter-Widgets (Bewertungen, Chat, Zahlungsanbieter) sind ebenfalls barrierefrei — oder es gibt eine barrierefreie Alternative

Praxisbeispiel: Wie ein Shopify-Shop diese Anforderungen verletzt — und wie man es löst

Ausgangssituation: Ein mittelständischer Modehändler mit 25 Mitarbeitenden betreibt seit Jahren einen Shopify-Shop. Der Shop verwendet ein kostenpflichtiges Theme mit vielen visuell ansprechenden Elementen — animierten Bannern, Custom-Dropdowns und einer farbigen Filterfunktion.

Gefundene Probleme beim ersten Barrierefreiheits-Audit:

1. Alle Produktbilder hatten generische Alt-Texte wie „image1.jpg" — automatisch aus dem Dateinamen gezogen.
2. Die Filterfunktion (Farbe, Größe) ließ sich nicht per Tastatur bedienen; die Dropdown-Menüs öffneten sich nur bei Hover.
3. Das Kontrastprotokoll des Buttons „Jetzt kaufen" ergab 3,2:1 — unter dem AA-Mindestmaß.
4. Fehlermeldungen im Checkout lauteten schlicht „Ungültige Eingabe", ohne Angabe des betroffenen Feldes.
5. Eine Erklärung zur Barrierefreiheit fehlte vollständig.

Umgesetzte Maßnahmen:

• Alt-Texte für alle 800+ Produktbilder wurden per Shopify-Bulk-Editor und einem strukturierten Beschreibungsschema systematisch nachgepflegt (Aufwand: ca. 3 Tage).
• Das Theme wurde durch einen barrierefreien Ersatz ausgetauscht; Dropdown-Navigation wurde auf ein keyboard-accessible ARIA-Muster umgestellt.
• Primärfarbe des Buttons wurde leicht dunkler gesetzt → Kontrast stieg auf 5,1:1.
• Fehlertexte wurden überarbeitet und per aria-describedby mit den jeweiligen Feldern verknüpft.
• Eine Erklärung zur Barrierefreiheit wurde erstellt und im Footer verlinkt.

Ergebnis: Das Lighthouse Accessibility-Score stieg von 47 auf 91. Der Shop bestand anschließend ein manuelles Audit mit gängigen Screenreadern ohne kritische Fehler. Der Umbau dauerte insgesamt ca. vier Wochen und erforderte sowohl Frontend-Entwicklung als auch redaktionelle Arbeit.

BFSG-Prüfung: So testen Sie Ihren Online Shop

Eine vollständige Barrierefreiheitsprüfung besteht aus zwei Teilen: automatisierten Tests und manueller Prüfung.

Automatisierte Tools (kostenlos)

Wichtig: Automatisierte Tools erkennen laut Studien der WebAIM nur ca. 30–40 % aller WCAG-Fehler. Eine rein maschinelle Prüfung reicht für die BFSG-Konformität nicht aus.

Manuelle Prüfschritte

1. Tastaturtest: Navigieren Sie den gesamten Kaufprozess ohne Maus. Können Sie alles erreichen und bedienen?
2. Screenreader-Test: Testen Sie mit NVDA (Windows, kostenlos) oder VoiceOver (macOS/iOS, integriert). Werden alle Inhalte sinnvoll vorgelesen?
3. Zoom-Test: Vergrößern Sie die Seite im Browser auf 200 %. Bleibt der Shop funktional?
4. Manueller Kontrastcheck: Prüfen Sie alle Textfarben und interaktiven Elemente mit dem Colour Contrast Analyser.

Was droht bei Verstößen gegen das BFSG?

Das BFSG wird durch die Marktüberwachungsbehörden der Bundesländer durchgesetzt. Bei Verstößen drohen:

• Verwaltungsrechtliche Maßnahmen (z. B. Anordnung zur Nachbesserung)
• Bußgelder (die genaue Höhe richtet sich nach dem jeweiligen Landesrecht; Erfahrungswerte aus vergleichbaren EU-Ländern zeigen Beträge im fünf- bis sechsstelligen Bereich)
• Abmahnrisiko durch Mitbewerber oder Verbände (dies ist rechtlich noch nicht abschließend geklärt, wird aber diskutiert)

Hinzu kommt ein Reputationsrisiko: Nutzer:innen, die einen Shop aufgrund von Barrieren nicht nutzen können, wechseln zur Konkurrenz.

Welche Shops-Systeme unterstützen Barrierefreiheit von Haus aus?

Mehr zum Thema Shop-System-Auswahl finden Sie in unserem Vergleich WooCommerce, Shopify oder individuelle Lösung — dort beleuchten wir auch technische Flexibilität und Wartungsaufwand.

Aufwand und Kosten: Was kommt auf Sie zu?

Der Aufwand hängt stark davon ab, wie barrierefrei Ihr Shop bereits ist. Als grobe Orientierung (keine Garantie, da jeder Shop individuell ist):

Für einen durchschnittlichen mittelständischen Shop mit einem bestehenden Standard-Theme sind 4–8 Wochen vom ersten Audit bis zur Konformität realistisch — sofern keine grundlegende Neuentwicklung erforderlich ist.

Barrierefreiheit und SEO: Ein unterschätzter Vorteil

Viele BFSG-Anforderungen verbessern gleichzeitig Ihr Google-Ranking:

• Aussagekräftige Alt-Texte helfen Google Bilder zu verstehen → Bildsuche-Traffic
• Korrekte Überschriftenstruktur verbessert Crawlbarkeit und Themenrelevanz
• Schnelle, valide Seiten sind ein Rankingfaktor (Core Web Vitals)
• Klar strukturierte Formulare reduzieren Bounce-Rate im Checkout
• Mobile Zugänglichkeit ist seit Jahren ein Google-Rankingfaktor

Kurz: Barrierefreiheit ist kein zusätzlicher Aufwand neben SEO — sie ist ein Teil davon. Details zur technischen SEO-Seite lesen Sie in unserem Artikel zu Core Web Vitals.

Wann brauche ich professionelle Unterstützung?

Sie können viele Prüfschritte selbst durchführen — aber für eine rechtssichere BFSG-Konformität sind folgende Szenarien typische Signale für externe Unterstützung:

• Ihr Shop wurde individuell entwickelt und die Entwickler:innen haben Barrierefreiheit bisher nicht im Fokus gehabt
• Das automatisierte Audit ergibt mehr als 20–30 kritische Fehler
• Ihr Shop nutzt komplexe Interaktionselemente (mehrstufige Filter, Live-Suche, interaktive Größenrechner)
• Sie wollen eine BFSG-konforme Neuimplementierung planen
• Sie benötigen eine dokumentierte Erklärung zur Barrierefreiheit, die einem Audit standhält

Bei SW Business Solutions begleiten wir Unternehmen von der ersten technischen Prüfung über die Entwicklung bis zur Dokumentation. Besonders bei individuell entwickelten Shops und komplexen E-Commerce-Plattformen bringen wir Erfahrung aus der Praxis mit — denn wir kennen die technischen Details, die automatisierte Tools schlicht nicht finden.

Interessiert? Wir schauen uns Ihren Shop gerne unverbindlich an: Kontakt aufnehmen

Fazit: Jetzt handeln statt warten

Die Frist ist abgelaufen: Seit dem 28. Juni 2025 gilt das BFSG für alle relevanten Online Shops. Wer jetzt noch nicht gehandelt hat, riskiert Bußgelder, Abmahnungen und — vor allem — den Ausschluss eines erheblichen Teils seiner potenziellen Kund:innen.

Die gute Nachricht: Barrierefreiheit ist in den meisten Fällen kein Neubauprojekt, sondern ein strukturiertes Nacharbeiten. Mit der richtigen Priorisierung — erst Audit, dann kritische Fehler beheben, dann Erklärung veröffentlichen, dann iterativ weiter verbessern — können Sie auch als mittelständischer Shop-Betreiber BFSG-konform werden, ohne Ihr Budget zu sprengen.

Nutzen Sie die obige BFSG Checkliste für Ihren Online Shop als Ausgangspunkt, testen Sie mit kostenlosen Tools und holen Sie sich für die komplexen Teile Unterstützung — sei es intern oder extern.

Autor: Steven Weißheimer, SW Business Solutions — IT-Dienstleistungen & Digitalisierung für den Mittelstand.