SC ShopCompliance
Im App Store öffnen
← Alle Beiträge
BFSGBarrierefreiheitShopifyWCAGE-Commerce-RechtCompliance

Barrierefreier Online-Shop nach BFSG: Was Shopify-Händler jetzt wissen müssen

25. Juni 2026 · Max Benz

Das Barrierefreiheitsstärkungsgesetz (BFSG) gilt seit dem 28. Juni 2025. Für Online-Shop-Betreiber mit B2C-Angebot bedeutet das: die Barrierefreiheit des digitalen Angebots ist keine Kür mehr, sondern gesetzliche Pflicht. Wer einen Shopify-Store betreibt und Verbraucher in Deutschland anspricht, muss seinen Shop für Menschen mit Behinderungen zugänglich machen.

Auf einen Blick: Das BFSG gilt für B2C-Online-Shops ab 10 Mitarbeitern oder 2 Millionen Euro Umsatz. Kleinstunternehmen und B2B-Shops sind ausgenommen. Die technische Referenznorm ist EN 301 549 auf Basis der WCAG 2.1. Bei Verstößen drohen Bußgelder bis zu 100.000 Euro.

Viele Online-Shop-Betreiber fragen sich, was das konkret bedeutet, wen das Gesetz trifft und wie groß der Aufwand ist. Kurze Antwort: für die meisten Shopify-Shops ist es machbar. Dieser Artikel erklärt die BFSG-Anforderungen, zeigt welche Tools helfen, und beschreibt wie du die Pflicht ohne tiefe Programmierkenntnisse umsetzt. Außerdem: welche Informationspflichten du hast und welche Sanktionen bei Verstößen drohen.

Was ist das BFSG und was hat es mit Barrierefreiheit zu tun?

Das BFSG setzt den European Accessibility Act (EU-Richtlinie 2019/882) in deutsches Recht um und verpflichtet private Anbieter erstmals dazu, ihre digitalen Produkte und Dienstleistungen barrierefrei zu gestalten. Die Richtlinie gilt EU-weit: andere Mitgliedstaaten haben ebenfalls entsprechende Gesetze erlassen. Für Online-Shops in Deutschland ist der 28. Juni 2025 der Stichtag, ab dem die Pflichten gelten.

Hintergrund ist die gesellschaftliche Teilhabe. Digitale Medien sind für viele Menschen unverzichtbar geworden, darunter auch für Menschen mit Sehbehinderungen, motorischen Einschränkungen oder kognitiven Beeinträchtigungen. Wer keinen barrierefreien Shop nutzen kann, ist vom Online-Handel de facto ausgeschlossen. Das BFSG soll das ändern. Punkt.

Was Barrierefreiheit im Sinne des Gesetzes heißt, definiert §3 BFSG klar: Produkte und Dienstleistungen müssen “für Menschen mit Behinderungen in der allgemein üblichen Weise, ohne besondere Erschwernis und grundsätzlich ohne fremde Hilfe auffindbar, zugänglich und nutzbar” sein. Der Anspruch ist also nicht nur technisch: ein Shop muss nicht nur funktionieren, er muss ohne Barrieren bedienbar sein.

Bis zum Stichtag am 28. Juni 2025 hatten die meisten privaten Online-Shops keine gesetzliche Pflicht zur digitalen Barrierefreiheit. Das hat sich geändert. Wer seitdem einen betroffenen Shop betreibt, ohne die Anforderungen zu erfüllen, riskiert behördliche Sanktionen und Abmahnungen durch Wettbewerber.

Das BFSG folgt dem Prinzip der funktionalen Barrierefreiheit: es geht nicht darum, eine bestimmte Technologie einzusetzen oder eine Zertifizierung zu erwerben, sondern darum, dass echte Nutzer mit echten Behinderungen den Shop tatsächlich bedienen können. Ein Shop kann formal alle Checkboxen der WCAG erfüllen und trotzdem barrieren für bestimmte Nutzergruppen enthalten. Umgekehrt kann ein Shop, der nicht jedes WCAG-Kriterium erfüllt, in der Praxis gut zugänglich sein. Das Gesetz orientiert sich am Ergebnis: kann die Nutzerin oder der Nutzer den Shop ohne fremde Hilfe bedienen oder nicht?

Für welche Online-Shops gilt das BFSG?

Das BFSG gilt für B2C-Online-Shops mit Verbraucherangebot in Deutschland. Ausnahmen gibt es. B2B-Shops und Kleinstunternehmen können unter bestimmten Bedingungen außen vor bleiben. Die Tabelle unten zeigt die wichtigsten Konstellationen auf einen Blick.

Shop-TypBetroffen?
B2C-Shop, mehr als 10 Mitarbeiter oder über 2 Mio. Euro UmsatzJa
B2C-Shop, Kleinstunternehmen (weniger als 10 MA und höchstens 2 Mio. Euro)Nein (Servicepflichten ausgenommen)
B2B-Shop, ausschließlich für UnternehmenNein
Reine Präsentationsseite ohne KauffunktionNein
Gemischter Shop (B2C und B2B)Ja für den B2C-Bereich

Gilt das BFSG auch für B2B-Shops?

B2B-Shops sind vom BFSG ausgenommen, wenn sie ausschließlich Unternehmern anbieten. Die Ausnahme gilt nur, wenn das klar kenntlich gemacht ist. Ein Shop ohne Registrierung oder Nachweis einer Unternehmereigenschaft kann auch von Verbrauchern genutzt werden. Dann greift das BFSG. Die Anforderungen gelten in diesem Fall für den entsprechenden Teil des Angebots.

Reine Präsentationsseiten ohne Kauffunktion, die Produkte nur zeigen, ohne dass ein Kauf direkt möglich ist, sind in der Regel nicht betroffen. Sobald eine Bestellmöglichkeit besteht oder der Shop auf eine externe Plattform weiterleitet, ändert sich das.

Was gilt für Kleinstunternehmen?

Kleinstunternehmen sind von den Servicepflichten des BFSG ausgenommen. Ein Kleinstunternehmen muss beide Kriterien gleichzeitig erfüllen:

  • Weniger als 10 Mitarbeiter (Vollzeitäquivalente)
  • Jahresumsatz oder Jahresbilanzsumme von höchstens 2 Millionen Euro

Beide Bedingungen müssen gelten. Wer neun Mitarbeiter hat und drei Millionen Euro Umsatz macht, ist voll betroffen. Die Ausnahme gilt außerdem nur für Dienstleistungen. Wer physische Geräte verkauft, die selbst unter das BFSG fallen, hat produktbezogene Pflichten unabhängig von der Unternehmensgröße.

Bin ich als Shopify-Händler betroffen?

Ein Shopify-Store, der an Verbraucher in Deutschland verkauft und die Kleinstunternehmen-Schwelle überschreitet, ist betroffen. Shopify stellt die Plattform bereit. Die BFSG-Pflichten treffen aber den Shop-Betreiber als Anbieter der Dienstleistung. Du bist verantwortlich für die barrierefreie Gestaltung deines Shops, unabhängig davon, welches System du verwendest. Kein Systemanbieter nimmt dir diese Verantwortung ab.

Gilt das auch für Shopify Plus? Ja. Und für eigene Domains? Ebenfalls ja. Die Plattformfrage ändert nichts an der rechtlichen Verantwortung des Händlers gegenüber seinen Kunden.

Was fordert das BFSG konkret von deinem Online-Shop?

Die Barrierefreiheitsanforderungen des BFSG basieren auf den vier Grundprinzipien der WCAG 2.1 (Web Content Accessibility Guidelines). Als technische Referenznorm für die Barrierefreiheit von Webseiten und Software gilt die EN 301 549, die auf den WCAG aufbaut.

Die vier Grundprinzipien: wahrnehmbar, bedienbar, verständlich, robust

Die WCAG definieren vier Grundprinzipien, die jeder barrierefreie Shop erfüllen muss.

Wahrnehmbar: Inhalte müssen so präsentiert werden, dass sie von allen Nutzerinnen wahrgenommen werden können, unabhängig von Sinnesbeeinträchtigungen. Das betrifft visuelle Inhalte wie Bilder, Videos und grafische Elemente, die durch Textalternativen zugänglich gemacht werden müssen. Videos brauchen Untertitel oder Transkripte, damit auch gehörlose Nutzer die Inhalte verstehen.

Bedienbar: Die Navigation und alle Interaktionen müssen über verschiedene Eingabemethoden möglich sein, nicht nur per Maus. Tastaturnavigation ist das wichtigste Kriterium: jeder Button, jedes Formularfeld und jeder Link muss per Tab-Taste erreichbar und aktivierbar sein. Das ist besonders relevant für Menschen, die aufgrund motorischer Einschränkungen keine Maus verwenden können.

Verständlich: Inhalte und die Bedienung müssen klar und nachvollziehbar sein. Das umfasst lesbare Schriften ohne übermäßige Dekorativität, verständliche Fehlermeldungen, die dem Nutzer erklären, was falsch ist und wie er es korrigieren kann, und eindeutige Formularbeschriftungen. Wenn ein Formularfeld nur durch seine Position im Formular erkennbar ist, scheitern Screenreader-Nutzer.

Robust: Der Shop muss mit aktuellen und künftigen assistierenden Technologien funktionieren. Screenreader, Braillezeilen und Sprachsteuerungssoftware sind die wichtigsten Vertreter. Technisch bedeutet das: das HTML muss semantisch korrekt sein, ARIA-Attribute müssen richtig eingesetzt werden, und der Code muss valide sein.

Das WCAG AA-Konformitätsniveau ist der Mindeststandard, den die EN 301 549 für Websites vorschreibt. AAA wäre technisch erreichbar, ist aber für viele Inhalte nicht realistisch und wird von keinem Gesetz ausdrücklich gefordert. Für den praktischen Einstieg ist AA der richtige Zielpunkt.

Es gibt drei Konformitätsniveaus:

  • A: Grundlegende Anforderungen. Ohne diese ist der Inhalt für manche Nutzer schlicht nicht nutzbar.
  • AA: Erweiterter Standard. Gesetzlich gefordert für Online-Shops nach BFSG.
  • AAA: Höchstes Niveau. Empfehlenswert, aber nicht für alle Inhaltstypen erreichbar.

Konkrete Maßnahmen: Was dein Shop braucht

Die folgende Checkliste zeigt die wichtigsten Anforderungen, die dein Shop erfüllen muss. Diese basiert auf den WCAG 2.1-Erfolgskriterien und der gängigen Praxis bei Online-Shop-Audits.

  1. Tastaturnavigation: alle Funktionen sind ohne Maus bedienbar
  2. Ausreichender Farbkontrast: Texte haben ein Kontrastverhältnis von mindestens 4,5:1 zu ihrem Hintergrund
  3. Alt-Texte für Bilder: alle produktrelevanten Bilder haben beschreibende Alternativtexte
  4. Formulare mit Labels: alle Formularfelder sind eindeutig beschriftet
  5. Screenreader-Kompatibilität: die Shop-Struktur ist semantisch korrekt ausgezeichnet
  6. Textzoom bis 200 %: der Shop ist auch bei vergrößerter Ansicht nutzbar
  7. Videountertitel: eingebettete Videos haben Untertitel oder Transkripte
  8. Einheitliche Navigation: die Navigation folgt einem konsistenten Muster über alle Seiten
  9. Fehlermeldungen: Fehler werden klar beschrieben und mit Lösungshinweisen versehen
  10. Fokusanzeige: der aktive Fokus ist bei Tastaturnavigation sichtbar
  11. Sprachattribut: die Sprache der Seite ist im HTML-Code ausgezeichnet
  12. Überschriften-Hierarchie: Überschriften folgen einer logischen Struktur (H1, H2, H3)
  13. Links mit Zielangabe: Linktext beschreibt das Ziel, kein “Hier klicken”
  14. Kontaktmöglichkeiten: mindestens ein barrierefreier Kommunikationskanal steht bereit

Ein WCAG AA-Konformitätsniveau ist die gängige Empfehlung für Online-Shops. Das entspricht dem Mindeststandard, den die EN 301 549 für Websites vorschreibt.

Häufige Fehler: Was bei den meisten Shops fehlt

Laut einer Auswertung von WebAIM weisen die meisten Websites noch erhebliche Accessibility-Lücken auf. Die häufigsten Probleme bei Online-Shops sind diese vier:

Die häufigsten Barrierefreiheits-Fehler in Online-Shops: 83,9 % Farbkontrast, 61,3 % fehlende Alt-Texte, 50,1 % unklare Link-Texte, 46,1 % fehlende Labels (Quelle: WebAIM)

  • Unzureichender Farbkontrast: 83,9 % aller untersuchten Seiten unterschreiten den WCAG-Mindestwert. Das betrifft vor allem graue Texte auf weißem Hintergrund, Placeholder-Texte in Formularfeldern und Buttons mit niedrigem Kontrastverhältnis.
  • Fehlende Alt-Texte: 61,3 % der Bilder haben keine oder unzureichende Beschreibungen. Bei Produktbildern ist das nicht nur ein Accessibility-Problem, es ist auch ein SEO-Verlust.
  • Unklare Link-Texte: 50,1 % der Links sind nicht aus dem Kontext heraus verständlich. “Hier klicken” oder “Mehr erfahren” ohne Zusatzkontext sind für Screenreader-Nutzer nicht auflösbar.
  • Fehlende Formular-Labels: 46,1 % der Formularfelder sind nicht korrekt beschriftet. Ein Checkout ohne Labels ist für blinde Nutzer nicht benutzbar.

Diese vier Punkte sind der Ausgangspunkt für jeden Accessibility Audit. Sie betreffen gleichzeitig die häufigsten WCAG-Verstöße, die bei einem behördlichen Verfahren oder einer Abmahnung als Grundlage dienen würden.

Barrierefreiheitserklärung: Was muss in AGB und Shop stehen?

Neben der technischen Umsetzung gibt es eine eigenständige Informationspflicht: du musst eine Barrierefreiheitserklärung veröffentlichen. Das kann entweder in den AGB oder an einer gut erkennbaren Stelle im Shop geschehen, zum Beispiel im Footer oder in einem eigenen Menüpunkt.

Die Erklärung muss folgende drei Punkte enthalten:

  • Eine Beschreibung der geltenden Barrierefreiheitsanforderungen und wie dein Shop sie erfüllt
  • Eine Beschreibung deiner Dienstleistung in einem barrierefreien Format
  • Die Kontaktdaten der zuständigen Marktüberwachungsbehörde

Die zuständige Marktüberwachungsbehörde richtet sich nach dem Bundesland, in dem dein Unternehmen seinen Sitz hat. Eine Liste der Behörden ist auf der Website des Bundesministeriums für Arbeit und Soziales abrufbar.

Die Erklärung muss außerdem selbst barrierefrei abrufbar sein. Das bedeutet: der Text muss als echter Text vorliegen, nicht nur als Bild oder PDF. Die Sprache der Seite muss ausgezeichnet sein und der Text muss per Screenreader lesbar sein.

Falls du noch nicht voll BFSG-konform bist, kann die Erklärung auch Lücken benennen und angeben, bis wann du sie schließen wirst. Eine transparente Erklärung ist besser als keine.

Wo die Erklärung im Footer verankern: Am bewährtesten ist eine eigene Verlinkung im Footer neben Impressum und Datenschutzerklärung, zum Beispiel als “Barrierefreiheit” oder “Barrierefreiheitserklärung”. Vermeide eine Einbettung in die AGB-Seite selbst: die Erklärung muss eigenständig und direkt auffindbar sein, nicht als Unterabschnitt eines langen Rechtsdokuments.

Aktualität sicherstellen: Die Barrierefreiheitserklärung sollte das Datum der letzten Überprüfung enthalten. Wenn du im Laufe der Zeit Verbesserungen umsetzt, aktualisiere die Erklärung entsprechend. Eine veraltete Erklärung, die einen höheren Compliance-Stand behauptet als tatsächlich vorhanden, ist rechtlich problematischer als eine, die den Ist-Zustand mit noch offenen Punkten ehrlich beschreibt.

Welche Folgen drohen bei Verstößen gegen das BFSG?

BFSG-Bußgeldrisiko: bis zu 100.000 Euro Bußgeld nach §37 Abs. 1 Nr. 8 BFSG und Abmahnrisiko durch Wettbewerber nach UWG § 3a

Verstöße gegen das BFSG sind Ordnungswidrigkeiten im Sinne des Gesetzes. Die möglichen Konsequenzen sind zweifach.

  • Bußgeld: Gemäß §37 Abs. 1 Nr. 8 BFSG können Verstöße mit Bußgeldern von bis zu 100.000 Euro geahndet werden. Die Marktüberwachungsbehörden sind für die Kontrolle zuständig. In der Praxis handeln die Behörden in der Regel erst nach einer Beschwerde oder Beanstandung.
  • Abmahnung durch Wettbewerber: Nach UWG §3a können Mitbewerber BFSG-Verstöße als wettbewerbswidrig einordnen und abmahnen. Verbraucherschutzverbände können ebenfalls tätig werden.

Für Shopify-Händler bedeutet das konkret: das Risiko einer behördlichen Sanktion im ersten Jahr nach Inkrafttreten des Gesetzes ist überschaubar, da die Marktüberwachungsbehörden zunächst schwerpunktmäßig auf große Anbieter setzen dürften. Das Abmahnrisiko durch Wettbewerber ist jedoch unabhängig von der Unternehmensgröße und kann unmittelbar entstehen.

Vorsicht vor Accessibility Overlays. Das sind JavaScript-Widgets, die einen bestehenden Shop nachträglich zugänglich machen sollen. Sie reichen nicht aus. Die Bundesfachstelle Barrierefreiheit stellt fest, dass solche Tools die Barrierefreiheit nicht vollständig herstellen können und teilweise sogar neue Barrieren erzeugen. BFSG-konformer Betrieb erfordert strukturelle Anpassungen am Shop-Code.

Screenshot der Bundesfachstelle Barrierefreiheit – offizielle BFSG-Informationsseite für E-Commerce-Betreiber

BFSG-Compliance für Shopify umsetzen: Schritt für Schritt

BFSG-Compliance für Shopify: 5 Schritte von Audit über Design und Inhalte zur Barrierefreiheitserklärung und laufendem Testen

Shopify bietet mit dem Dawn Theme eine solide Ausgangsbasis: es setzt semantisches HTML ein, unterstützt ARIA-Attribute und folgt grundlegenden Accessibility-Konventionen. Viele grundlegende Anforderungen sind bereits eingebaut. Ein nicht angepasstes Theme reicht dennoch in der Regel nicht aus, weil Farbanpassungen, Produktbilder ohne Alt-Texte und individuelle Erweiterungen neue Barrieren einführen können.

Die folgenden fünf Schritte führen systematisch zur BFSG-Compliance, auch ohne tiefe Programmierkenntnisse.

Schritt 1: Accessibility Audit durchführen

Bevor du irgendetwas änderst, musst du den aktuellen Stand deines Shops kennen. Ein Accessibility Audit zeigt dir, wo dein Shop Barrieren hat und wie schwerwiegend sie sind.

Kostenlose Tools für den Einstieg:

ToolZweckKostenlos?
WAVE (wave.webaim.org)Kontrast, Struktur, ARIA als visuelle OverlayJa
axe DevTools (Browser-Extension)Priorisierte Fehlerliste mit Fix-HinweisenJa (Basisversion)
Lighthouse (Chrome DevTools)Accessibility-Score + Performance kombiniertJa
WebAIM Contrast CheckerEinzelne Farbkombinationen prüfenJa
NVDA (nvaccess.org)Screenreader für WindowsJa

Screenshot des WAVE Web Accessibility Evaluation Tools (wave.webaim.org) – kostenloses Tool für Barrierefreiheits-Audits

WAVE visualisiert Kontrast-, Struktur- und ARIA-Fehler direkt auf der Seite. Du siehst sofort, welche Elemente betroffen sind. axe DevTools liefert priorisierte Fehlerlisten mit konkreten Fix-Hinweisen, die direkt als Issue-Liste für einen Entwickler nutzbar sind.

Führe den Audit auf deinen wichtigsten Seiten durch: Startseite, Produktseite, Warenkorb und Checkout. Der Checkout ist besonders kritisch, weil dort die finanzielle Transaktion stattfindet. Notiere alle kritischen Fehler und priorisiere sie nach Häufigkeit und Schwere.

Automatisierte Tools finden rund 30 bis 40 % aller Accessibility-Probleme. Für ein vollständiges Bild ist ein manueller Test mit Tastaturnavigation und einem Screenreader notwendig.

Schritt 2: Theme und Design anpassen

Die häufigsten Farbkontrast-Probleme entstehen durch schwache Grautöne auf weißem Hintergrund und durch Placeholder-Texte in Formularfeldern. Im Shopify Theme Editor kannst du Farben ohne Code-Kenntnisse anpassen.

Kontrolliere den Kontrast mit dem kostenlosen WebAIM Contrast Checker für alle Textvarianten: Haupttext, Linkfarben, Buttons und Hinweistexte. Der Mindestwert für normalen Text ist ein Kontrastverhältnis von 4,5:1 und für große Texte über 18 Punkt oder 14 Punkt fett 3:1.

Falls du ein Drittanbieter-Theme verwendest, wende dich an den Theme-Anbieter. Viele Themes bieten barrierefreie Farb-Presets an. Eigene Code-Änderungen sind im Shopify Theme Editor unter “Edit Code” möglich. Wenn du HTML und CSS beherrschst, kannst du ARIA-Attribute und fehlende Beschriftungen direkt im Code ergänzen.

Fokusindikator: prüfe, ob der Tastaturfokus sichtbar ist. Bei vielen Themes ist er durch ein CSS-Reset deaktiviert (outline: none). Stelle sicher, dass aktive Elemente einen sichtbaren Fokusrahmen haben. Im Shopify Dawn Theme kannst du den Fokusrahmen über die Sektion “Colors” im Theme-Editor anpassen; ein kontraststarkes Blau oder Grün ist als Fokusfarbe bewährt.

Schriftgrößen und Zeilenabstand: Stelle sicher, dass Fließtext mindestens 16 Pixel groß ist und Zeilenabstände von mindestens 1,5 em verwendet werden. Das verbessert die Lesbarkeit für Menschen mit Sehschwäche und für alle Nutzer auf kleinen Bildschirmen gleichermaßen.

Schritt 3: Alt-Texte, Formulare und Navigation optimieren

Produktbilder: In Shopify kannst du Alt-Texte für Produktbilder direkt im Backend setzen: Produkte > Bild auswählen > Alt-Text eingeben. Achte auf beschreibende Texte, die den Bildinhalt und den Produktkontext vermitteln. “Rotes T-Shirt, Größe M, Vorderansicht” ist besser als “Bild1” oder keine Angabe. Rein dekorative Bilder können ein leeres alt-Attribut (alt="") erhalten.

Formulare: Jedes Formularfeld braucht ein eindeutiges Label. Prüfe im Audit, ob dein Checkout-Formular und das Kontaktformular korrekt ausgezeichnet sind. Im Dawn Theme sind die Standard-Formularfelder meist korrekt beschriftet. Wenn du eigene Formulare oder Drittanbieter-Apps verwendest, ist eine manuelle Überprüfung notwendig.

Tastaturnavigation: Navigiere deinen gesamten Shop ausschließlich per Tab-Taste. Jedes interaktive Element, Button, Link, Formularfeld und Dropdown, muss erreichbar und bedienbar sein. Teste auch den Checkout: wenn ein Schritt per Tastatur nicht bedienbar ist, scheitert die gesamte Transaktion für Tastaturnutzer.

Überschriften: Prüfe, ob die Überschriften auf deinen Seiten eine logische Hierarchie bilden. Eine Produktseite sollte genau eine H1 (den Produkttitel) haben, und alle weiteren Überschriften müssen in der richtigen Reihenfolge folgen.

Schritt 4: Barrierefreiheitserklärung einrichten

Erstelle eine eigene Seite im Shopify Backend (Online Store > Pages > “Barrierefreiheitserklärung”) und veröffentliche sie. Verlinke sie im Footer deines Themes, am besten neben Impressum und Datenschutzerklärung.

Der Inhalt muss die drei Pflichtpunkte abdecken: geltende Anforderungen, Dienstleistungsbeschreibung in barrierefreiem Format und Behördenkontakt. Formuliere die Erklärung in einfacher, verständlicher Sprache.

Für Shopify-Händler, die mehrere Compliance-Dokumente verwalten, kann ein strukturiertes Tool den Aufwand reduzieren. ShopCompliance.net bietet für DACH-Märkte Unterstützung bei der Compliance-Dokumentation für verschiedene EU-Rechtsanforderungen.

Schritt 5: Laufend testen und dokumentieren

Barrierefreiheit ist kein einmaliges Projekt. Wenn du neue Produktseiten, Landingpages oder Theme-Anpassungen hinzufügst, muss jede neue Seite den Audit bestehen. Drittanbieter-Apps, die du im Shop einsetzt, können neue Barrieren einführen, auch wenn dein Basis-Theme zugänglich ist.

Empfehlenswert ist ein quartalsweiser Basis-Audit mit WAVE oder axe DevTools sowie ein Test mit einem echten Screenreader mindestens einmal pro Jahr. NVDA für Windows ist kostenlos verfügbar; VoiceOver ist in macOS und iOS integriert.

Dokumentiere alle Testergebnisse und Maßnahmen: das ist dein Nachweis. Die Dokumentation dient als Grundlage für die Barrierefreiheitserklärung und als Beleg bei einer behördlichen Prüfung. Halte fest: was getestet wurde, welche Fehler gefunden wurden, was behoben ist und was noch offen bleibt. Eine einfache Tabelle in Google Sheets oder Notion reicht dafür völlig aus.

Drittanbieter-Apps im Blick behalten: Viele Shopify-Shops nutzen Drittanbieter-Apps für Bewertungen, Chat-Widgets, Produktkonfiguratoren oder Newsletter-Anmeldungen. Diese Apps liefern eigenen JavaScript- und HTML-Code, der unabhängig vom Basis-Theme Barrieren erzeugen kann. Überprüfe jede neu installierte App mit WAVE oder axe DevTools, bevor sie live geht. Wenn ein App-Anbieter grundlegende Accessibility-Fehler nicht beheben kann oder will, ist das ein Auswahlkriterium: BFSG-konformes Betreiben des Shops bedeutet, auch für zugekaufte Komponenten die Verantwortung zu tragen.

Für Shopify-Händler mit mehreren Stores oder komplexen Theme-Anpassungen empfiehlt sich außerdem ein professioneller Accessibility-Audit durch einen Fachdienstleister. Ein strukturierter Audit-Bericht mit WCAG-Konformitätsaussage ist die stärkste Basis für die Barrierefreiheitserklärung und für eine etwaige behördliche Überprüfung.

Warum Barrierefreiheit auch ein Geschäftsvorteil ist

Die Barrierefreiheit von Online-Shops ist nicht nur ein Compliance-Thema, sondern auch ein wirtschaftlicher Hebel. Zur Barrierefreiheit als Geschäftsvorteil gehören mehrere Dimensionen. In Deutschland leben 7,9 Millionen Menschen mit einer Schwerbehinderung, das sind 9,3 % der Bevölkerung. Hinzu kommen ältere Menschen, Menschen mit temporären Einschränkungen wie einem gebrochenen Arm, und Menschen, die in schwierigen Umgebungen auf ihr Smartphone zugreifen. Die Bundesfachstelle Barrierefreiheit fasst es treffend zusammen: Barrierefreiheit ist essentiell für 10 %, notwendig für 30 % und hilfreich für 100 % der Nutzer.

Über den direkten Zugewinn an Nutzergruppen hinaus bringt Barrierefreiheit weitere konkrete Vorteile:

  • SEO: Alt-Texte, semantische Überschriften-Hierarchie und sauberes HTML verbessern die Indexierung durch Suchmaschinen. Viele Accessibility-Maßnahmen decken sich mit technischen SEO-Best-Practices.
  • Mobile Usability: barrierefreie Shops funktionieren auf kleinen Bildschirmen und mit Touch-Navigation zuverlässiger. Tastaturzugänglichkeit und klare Fokusindikatoren verbessern auch die mobile Bedienbarkeit.
  • Conversion: klare Formulare, lesbarer Text und eindeutige CTAs reduzieren Abbruchraten für alle Nutzergruppen, nicht nur für Menschen mit Behinderungen. Accessibility und Usability sind eng verknüpft.
  • Rechtssicherheit: wer heute in Compliance investiert, vermeidet künftige Kosten durch Bußgelder, Abmahnungen und aufwendige Nachrüstungen.

Der ältere Bevölkerungsanteil in Deutschland wächst zudem. Etwa 25 % der deutschen Bevölkerung sind über 60 Jahre alt. Viele ältere Menschen bevorzugen größere Schriften, höhere Kontraste und einfachere Navigationsmuster, ohne dass sie eine formale Behinderung haben. Ein barrierefreier Shop kommt dieser Gruppe direkt zugute.

Die Kaufkraft von Menschen mit Behinderungen ist wirtschaftlich nicht zu unterschätzen. In Großbritannien beispielsweise sprechen Studien vom “Purple Pound” mit einem geschätzten Volumen von 274 Milliarden Pfund pro Jahr, also dem Kaufpotenzial von Menschen mit Behinderungen und ihren engsten Angehörigen. Für den deutschen Markt liegen vergleichbare Zahlen nicht vor, aber die strukturelle Logik ist dieselbe: wer einen Onlineshop für diese Nutzergruppe öffnet, erschließt Kaufpotenzial, das Wettbewerbern ohne barrierefreie Gestaltung verschlossen bleibt.

Hinzu kommt der Reputationsaspekt. Sichtbares Engagement für digitale Inklusion stärkt das Markenimage bei jüngeren Konsumenten, die Nachhaltigkeit und gesellschaftliche Verantwortung als Kaufkriterium gewichten. Eine kommunizierte Barrierefreiheitsstrategie kann in der Außendarstellung explizit genutzt werden, zum Beispiel auf der Über-uns-Seite oder im Newsletter.

FAQ: Häufige Fragen zum BFSG für Online-Shop-Betreiber

Gilt das BFSG für meinen Shopify-Shop?

Wenn du mit deinem Shopify-Store Verbraucher in Deutschland ansprichst und kein Kleinstunternehmen bist, gilt das BFSG für dich. Kleinstunternehmen mit weniger als 10 Mitarbeitern und höchstens 2 Millionen Euro Jahresumsatz sind von den Servicepflichten ausgenommen.

Was ist die Kleinstunternehmer-Ausnahme beim BFSG?

Die Kleinstunternehmer-Ausnahme gilt für Anbieter mit weniger als 10 Mitarbeitern und einem Jahresumsatz oder einer Jahresbilanzsumme von höchstens 2 Millionen Euro. Beide Kriterien müssen gleichzeitig erfüllt sein; eines allein genügt nicht für die Ausnahme.

Was ist eine Barrierefreiheitserklärung?

Die Barrierefreiheitserklärung ist ein gesetzliches Pflichtdokument. Sie informiert Verbraucher über den Grad der Barrierefreiheit deines Shops, beschreibt die geltenden Anforderungen und benennt die zuständige Marktüberwachungsbehörde. Ohne sie bist du nicht compliant.

Welche Strafen drohen bei BFSG-Verstößen?

Bei Verstößen gegen das BFSG drohen Bußgelder von bis zu 100.000 Euro nach §37 Abs. 1 Nr. 8 BFSG. Daneben besteht das Risiko von Abmahnungen durch Wettbewerber nach UWG §3a.

Was ist der Unterschied zwischen BFSG und WCAG?

Das BFSG ist das deutsche Gesetz, das digitale Barrierefreiheit vorschreibt. Die WCAG sind der technische Standard, auf den das Gesetz verweist. Die EN 301 549 ist die europäische Norm, die auf den WCAG aufbaut und als technisches Referenzdokument für die BFSG-Umsetzung gilt.

Ist mein B2B-Shop vom BFSG betroffen?

Ein reiner B2B-Shop, der ausschließlich an Unternehmen verkauft und das eindeutig kenntlich macht, ist vom BFSG ausgenommen. Sobald der Shop auch von Verbrauchern genutzt werden kann, gelten die BFSG-Anforderungen für den betreffenden Teil des Angebots.

Reicht ein Accessibility Overlay für BFSG-Compliance?

Nein, Accessibility Overlays reichen nicht aus. Die Bundesfachstelle Barrierefreiheit hat das ausdrücklich festgestellt: diese Tools können die vollständige barrierefreie Gestaltung nicht ersetzen. Strukturelle Anpassungen am Shop-Code und Design sind zwingend erforderlich.

EU-Pflichten automatisch im Shop erfüllen

ShopCompliance ermittelt per Quiz, welche Pflichten für dich gelten, und spielt sie automatisch an deinen Produkten aus. Kostenlos starten.

Module & Preise ansehen

Dieser Beitrag dient der allgemeinen Information und ersetzt keine Rechtsberatung. Für deinen Einzelfall wende dich bitte an eine Rechtsanwältin oder einen Rechtsanwalt.