Barrierefreier Onlineshop: Was das BFSG für Shopify bedeutet
Seit dem 28. Juni 2025 müssen Onlineshops, die an Verbraucher verkaufen, barrierefrei sein. Ausgenommen sind Kleinstunternehmen. Shopify und aktuelle Themes bringen eine gute Grundlage mit, aber keinen fertigen Nachweis: Ob Ihr Shop die Anforderungen erfüllt, entscheiden Ihre Theme-Einstellungen, Ihre Inhalte und Ihre Apps. Dieser Ratgeber zeigt, wer betroffen ist, was verlangt wird und wo Sie in Shopify ansetzen.
Wir beschreiben die technische Umsetzung. Eine Rechtsberatung ist das nicht.
Muss mein Onlineshop barrierefrei sein?
Ja, wenn Sie online an Verbraucher verkaufen und kein Kleinstunternehmen sind. Grundlage ist das Barrierefreiheitsstärkungsgesetz (BFSG), das eine EU-Richtlinie umsetzt und seit dem 28. Juni 2025 gilt. Technischer Maßstab ist in der Praxis die europäische Norm EN 301 549, die für Webseiten auf die WCAG-Kriterien der Stufen A und AA verweist.
- Kleinstunternehmen sind ausgenommen: weniger als zehn Beschäftigte und höchstens 2 Millionen Euro Jahresumsatz oder Jahresbilanzsumme.
- Reine B2B-Shops fallen nicht unter das Gesetz.
- Zum Shop gehört eine Information darüber, wie er die Anforderungen erfüllt.
- Zuständig ist seit dem 26. September 2025 die Marktüberwachungsstelle der Länder (MLBF) in Magdeburg.
Wen das Gesetz betrifft und wen nicht
Das BFSG erfasst „Dienstleistungen im elektronischen Geschäftsverkehr“: Webseiten und Apps, über die Verbraucher einen Vertrag mit Ihnen schließen. Ein Onlineshop mit Warenkorb und Kasse ist der typische Fall.
| Ihre Situation | Betroffen? |
|---|---|
| Shop für Verbraucher, zehn oder mehr Beschäftigte | Ja |
| Shop für Verbraucher, weniger als zehn Beschäftigte, aber mehr als 2 Millionen Euro Umsatz und Bilanzsumme | Ja |
| Kleinstunternehmen: weniger als zehn Beschäftigte und höchstens 2 Millionen Euro Umsatz oder Bilanzsumme | Nein |
| Reiner B2B-Shop, der nur an Unternehmen verkauft | Nein |
| Gemischter Shop, in dem auch Verbraucher bestellen können | Ja |
| Shop mit Produkten, die selbst nicht unter das BFSG fallen, etwa Kosmetik oder Kleidung | Ja, denn es geht um den Shop, nicht um die Ware |
Bei den Schwellen für Kleinstunternehmen zählt nicht die Kopfzahl, sondern die Arbeitszeit: Teilzeitkräfte werden anteilig gerechnet, Auszubildende nicht. Gehört Ihr Unternehmen zu einer Gruppe, werden verbundene Unternehmen ganz oder anteilig mitgerechnet. Die Einstufung ändert sich erst, wenn die Schwellen zwei Geschäftsjahre in Folge über- oder unterschritten werden. Ob Ihr Unternehmen darunterfällt, klären Sie mit Ihrer Steuerberatung oder Kanzlei.
Auch wer ausgenommen ist, profitiert von einem barrierearmen Shop: Er ist für alle leichter zu bedienen, auf dem Smartphone wie mit der Tastatur. Und wer wächst, ist irgendwann betroffen. Verkaufen Sie an Geschäfts- und Privatkunden zugleich, lesen Sie auch unsere Seite zu Shopify B2B.
Was verlangt wird: der Maßstab in klaren Worten
Barrierefrei ist ein Angebot nach dem Gesetz, wenn Menschen mit Behinderungen es in der allgemein üblichen Weise, ohne besondere Erschwernis und grundsätzlich ohne fremde Hilfe finden, erreichen und nutzen können. Die Verordnung zum Gesetz (BFSGV) fasst das in vier Begriffe: Ihr Shop muss wahrnehmbar, bedienbar, verständlich und robust sein.
Für Onlineshops kommt nach § 19 BFSGV hinzu:
- Informationen zur Barrierefreiheit der Produkte, die Sie verkaufen, müssen Sie bereitstellen, soweit der Hersteller sie liefert.
- Anmeldung, Sicherheitsabfragen und Zahlung müssen ebenso barrierefrei sein wie der Rest des Shops.
Welche Norm gilt
Das Gesetz nennt keine einzelnen Prüfkriterien. Die Bundesfachstelle Barrierefreiheit verweist für Webseiten und Apps auf die europäische Norm EN 301 549. Deren Version 3.2.1 aus dem Jahr 2021 verweist für Webinhalte auf die Web Content Accessibility Guidelines (WCAG) 2.1, Stufen A und AA. Im September 2026 ist die Version 4.1.1 erschienen, die auf WCAG 2.2 umstellt. Sie ist nach unserem Stand vom 14. November 2026 noch nicht im Amtsblatt der EU als Maßstab für das Gesetz veröffentlicht. Wer heute umbaut, richtet sich sinnvollerweise gleich nach WCAG 2.2: Die neuen Kriterien betreffen unter anderem die Mindestgröße von Schaltflächen und verlangen, dass das gerade gewählte Element nicht verdeckt wird.
Der ganze Shop, nicht nur die Kasse
Nach Auffassung der Bundesfachstelle muss die gesamte Website die Anforderungen erfüllen, nicht nur der Weg zum Kauf. Die Marktüberwachung prüft in Stichproben unter anderem Startseite, Anmeldung, Kontakt, Hilfe, rechtliche Seiten, Suche und den vollständigen Bestellweg.
Was Shopify und aktuelle Themes mitbringen
Shopify prüft seinen Checkout nach eigenen Angaben gegen WCAG 2.2 Stufe AA. Der zugehörige Bericht vom März 2026 ist offen: Er nennt Punkte, die der Checkout nur teilweise erfüllt, etwa einzelne Kontraste, schwer sichtbare Fokusrahmen und die eingebundenen Schaltflächen von Zahlungsanbietern wie PayPal oder Amazon Pay. Für das eigene Theme ist Shopify nicht zuständig. In seinen Berichten hält Shopify fest, dass Händler selbst dafür verantwortlich sind, dass ihr Shop die geltenden Gesetze erfüllt.
| Bereich | Wer ihn gestaltet | Was Sie tun können |
|---|---|---|
| Checkout | Shopify | Farben und Logo in den Checkout-Einstellungen kontrastreich wählen; Erweiterungen von Apps im Checkout prüfen |
| Theme | Theme-Hersteller und Ihre Anpassungen | Ein gepflegtes, aktuelles Theme nutzen; eigene Änderungen am Code testen |
| Inhalte | Sie | Alternativtexte, Überschriften, Linktexte, Farben in Bannern |
| Apps | App-Anbieter | Nur Apps einsetzen, die sich mit Tastatur und Screenreader bedienen lassen |
| Information zur Barrierefreiheit | Sie | Eine eigene Seite anlegen und im Fußbereich verlinken |
Für den Theme Store verlangt Shopify im Lighthouse-Test mindestens 90 Punkte bei der Barrierefreiheit, gemessen mit Shopifys Testdaten. Das ist eine gute Grundlage, aber kein Nachweis für Ihren Shop: Lighthouse prüft nur, was sich automatisch prüfen lässt, und Ihre Farben, Bilder und Apps kommen erst nach der Messung dazu. Shopifys Bericht zum Theme Dawn bezieht sich auf die Version 2.4.0 und WCAG 2.1; aktuelle Versionen sind darin nicht erfasst. Woran Sie ein gutes Theme erkennen, steht im Ratgeber Shopify Themes.
Zehn Mängel, nach denen Sie zuerst suchen sollten
| Mangel | Was der Maßstab verlangt | So beheben Sie es in Shopify |
|---|---|---|
| Produktbilder ohne Alternativtext | Jedes informative Bild hat einen Textersatz | Im Admin beim Produktbild den Alternativtext eintragen: was zu sehen ist, nicht den Produktnamen wiederholen. Reine Schmuckbilder bleiben leer. |
| Zu schwacher Kontrast | Text mindestens 4,5 : 1, große Schrift und Bedienelemente mindestens 3 : 1 | Farbschemata im Theme-Editor anpassen; Text über Bildern mit Hintergrundfläche versehen |
| Unsichtbarer Fokus | Wer mit der Tastatur navigiert, sieht, wo er ist | Den Fokusrahmen im Theme-Code nicht entfernen, sondern deutlich gestalten |
| Menü, Filter oder Variantenwahl nur mit der Maus | Alles ist per Tastatur bedienbar | Mega-Menü, Filter, Mengenfeld und Warenkorb-Schublade im Theme-Code nachbessern |
| Formularfelder ohne Beschriftung | Jedes Feld hat eine sichtbare, verknüpfte Beschriftung | Newsletter, Kontakt und Kundenkonto prüfen; ein Platzhalter im Feld ersetzt keine Beschriftung |
| Fehlermeldungen nur in Rot | Fehler werden in Text benannt und vorgelesen | Meldungen am Feld als Text ausgeben und für Screenreader ankündigen |
| Automatisch laufende Slider | Bewegung über fünf Sekunden lässt sich anhalten | Automatisches Abspielen in der Diashow abschalten oder eine Pause-Schaltfläche anbieten |
| Falsche Überschriften | Überschriften geben die Gliederung wieder | Genau eine H1 je Seite; Abschnitte nicht nach Schriftgröße, sondern nach Gliederung auszeichnen |
| Pop-ups, die den Fokus fangen | Fenster lassen sich per Tastatur erreichen und schließen | Newsletter-, Rabatt- und Cookie-Fenster mit Tastatur und Escape-Taste testen |
| Text nur im Bild oder Video | Inhalte sind als Text verfügbar; Videos haben Untertitel | Aktionstexte als echten Text über das Bild legen; Videos untertiteln |
Die ersten drei Punkte beheben Sie meist ohne Programmierung im Admin und im Theme-Editor. Die übrigen liegen oft im Code des Themes oder einer App. Dabei unterstützt Sie unsere Shopify-Entwicklung.
Apps, Pop-ups und Einbettungen: die übersehenen Stellen
Viele Barrieren stecken nicht im Theme, sondern in Code, den Apps nachladen: Bewertungs-Widgets, Chat-Fenster, Cookie-Banner, Upsell-Pop-ups, Größenberater. Sie erscheinen auf jeder Seite und fallen bei Tests des Themes nicht auf.
Das Gesetz nimmt Inhalte Dritter nur aus, wenn Sie sie weder finanzieren noch entwickeln noch kontrollieren. Eine App, die Sie ausgewählt, installiert und bezahlt haben, behandeln wir in der technischen Prüfung deshalb wie einen Teil Ihres Shops. Die rechtliche Bewertung im Einzelfall trifft Ihre Kanzlei.
So gehen Sie vor:
- Gehen Sie jede App durch, die im Shop etwas anzeigt, und bedienen Sie sie nur mit der Tastatur.
- Fragen Sie den Anbieter nach einem Bericht zur Barrierefreiheit. Fehlt er und ist die App nicht bedienbar, suchen Sie eine Alternative oder lassen die Funktion im Theme umsetzen.
- Entfernen Sie Apps, die Sie nicht mehr brauchen, mit ihren Resten im Theme. Wie das geht, steht im Ratgeber Shopify Apps.
Was Barrierefreiheits-Widgets nicht leisten
Einige Apps versprechen, einen Shop per eingeblendeter Werkzeugleiste barrierefrei zu machen. Eine solche Leiste kann Schrift vergrößern oder Kontraste ändern, behebt aber keine fehlenden Beschriftungen, Tastaturfallen oder falsche Überschriften im Code. Das W3C hält fest, dass Prüfwerkzeuge Barrierefreiheit nicht feststellen, sondern nur unterstützen können. Die US-Handelsbehörde FTC hat einem Anbieter im April 2025 eine Zahlung von einer Million US-Dollar auferlegt, weil er behauptet hatte, sein Widget mache jede Website WCAG-konform. Verlassen Sie sich deshalb nicht auf ein Widget allein.
Die Information zur Barrierefreiheit
Jeder betroffene Shop muss angeben, wie er die Anforderungen erfüllt. Oft heißt das „Barrierefreiheitserklärung“. Das Gesetz spricht von Informationen zur Barrierefreiheit; die Erklärung im engeren Sinn ist die Pflicht öffentlicher Stellen. Die Angaben gehören nach Anlage 3 des BFSG in Ihre AGB oder an eine andere deutlich wahrnehmbare Stelle. Sie enthalten mindestens:
- eine allgemeine Beschreibung Ihres Angebots in barrierefreier Form,
- die Erläuterungen, die man braucht, um den Bestellablauf zu verstehen,
- eine Beschreibung, wie Ihr Shop die Anforderungen erfüllt,
- die zuständige Marktüberwachungsbehörde: die MLBF in Magdeburg.
In Shopify legen Sie dafür unter Onlineshop › Seiten eine eigene Seite an und verlinken sie im Fußbereich jeder Seite. Die Seite selbst muss barrierefrei sein, und Sie halten sie bereit, solange Sie den Shop betreiben. Fehlen die Angaben oder sind sie unvollständig, liegt bereits ein Verstoß vor, auch wenn der Shop sonst gut bedienbar ist.
Schreiben Sie ehrlich, was noch nicht funktioniert und bis wann Sie es beheben, und nennen Sie einen Kontaktweg für Rückmeldungen. Den Text stimmen Sie mit Ihrer Kanzlei oder Ihrem Anbieter für Rechtstexte ab. Welche Pflichtangaben ein Shop sonst braucht, zeigt der Ratgeber Shopify rechtssicher.
So prüfen Sie Ihren Shop
| Methode | Was sie findet | Grenzen |
|---|---|---|
| Automatischer Test, etwa Lighthouse in Chrome | Fehlende Alternativtexte, schwache Kontraste, fehlende Beschriftungen | Findet nur einen Teil der Mängel; ein hoher Wert ist kein Nachweis |
| Tastaturtest | Unsichtbaren Fokus, unbedienbare Menüs, Pop-ups ohne Ausgang | Braucht Zeit und einen festen Ablauf |
| Screenreader, etwa NVDA unter Windows oder VoiceOver auf Mac und iPhone | Unverständliche Schaltflächen, stumme Fehlermeldungen, falsche Reihenfolge | Erfordert Übung im Umgang |
| Vergrößerung auf 200 und 400 Prozent | Abgeschnittene Texte, überlappende Elemente | Nur auf Darstellung bezogen |
Prüfen Sie die Seiten, die auch die Marktüberwachung in ihre Stichprobe nimmt: Startseite, Anmeldung, Kontakt, Hilfe und rechtliche Seiten, die Suche, die Information zur Barrierefreiheit und je eine Kollektions- und Produktseite. Gehen Sie außerdem den ganzen Kaufweg durch, vom Produkt über den Warenkorb bis zur Bestellbestätigung, auch mit Gutschein und Kundenkonto. Denken Sie an Funktionen, die erst später dazukommen, etwa den Widerrufsbutton: Auch er muss mit Tastatur und Screenreader funktionieren.
Halten Sie fest, wann Sie was geprüft und behoben haben. Nach jedem Theme-Update und jeder neuen App gehört ein kurzer Tastaturtest dazu.
Was ein gründlicher Shop-Check umfasst
Eine einmalige Prüfung ist der Anfang. Danach geht es darum, den Stand zu halten.
Den Kaufweg prüfen
Von der Startseite bis zur Bestellbestätigung, mit Tastatur, Screenreader und Vergrößerung, auf dem Smartphone und am Schreibtisch.
Theme und Apps durchgehen
Welche Mängel im Theme-Code liegen, welche in Ihren Inhalten und welche in Apps, und wer sie beheben kann.
Die Information ergänzen
Eine Seite mit den Angaben nach Anlage 3 des BFSG, verlinkt im Fußbereich und selbst barrierefrei.
Eine Liste mit Reihenfolge
Jeder Mangel mit Fundstelle, Kriterium und Aufwand, sortiert danach, was Käufer am stärksten behindert.
Häufige Fragen zum barrierefreien Onlineshop
Gilt das BFSG auch für kleine Shops?
Nicht für Kleinstunternehmen: weniger als zehn Beschäftigte und höchstens 2 Millionen Euro Jahresumsatz oder Jahresbilanzsumme. Beide Bedingungen müssen erfüllt sein. Kleinstunternehmen können sich von der Bundesfachstelle Barrierefreiheit beraten lassen.
Gilt das BFSG für B2B-Shops?
Nein, solange nur Unternehmen bei Ihnen bestellen können. Sobald Verbraucher im selben Shop kaufen können, gilt das Gesetz für den Shop.
Reicht ein Barrierefreiheits-Widget?
Nein. Ein Widget ändert die Darstellung, behebt aber keine Mängel im Code wie fehlende Beschriftungen oder Tastaturfallen.
Ist der Shopify-Checkout barrierefrei?
Shopify prüft ihn nach eigenen Angaben gegen WCAG 2.2 Stufe AA und nennt im Bericht vom März 2026 einzelne Punkte, die nur teilweise erfüllt sind. Für Theme, Inhalte und Apps sind Sie selbst verantwortlich.
Was passiert bei Verstößen?
Die Marktüberwachungsstelle prüft in Stichproben und nach Beschwerden. Sie fordert zunächst auf, Mängel innerhalb einer Frist zu beheben, und kann als letzten Schritt untersagen, den Shop weiter zu betreiben. Für das Anbieten eines Shops, der die Anforderungen nicht erfüllt, sieht das Gesetz ein Bußgeld von bis zu 100.000 Euro vor.
Muss ich alte Videos und PDFs anpassen?
Videos und Dateien aus Büroprogrammen, die vor dem 28. Juni 2025 veröffentlicht wurden, nimmt das Gesetz aus. Was Sie seitdem neu einstellen, muss die Anforderungen erfüllen.
Gilt WCAG 2.1 oder 2.2?
Maßstab ist derzeit die EN 301 549 in der Version 3.2.1, die auf WCAG 2.1 verweist. Die neue Version 4.1.1 auf Basis von WCAG 2.2 erschien im September 2026 und war am 14. November 2026 noch nicht als Maßstab für das Gesetz veröffentlicht. Wer heute umbaut, plant WCAG 2.2 gleich mit ein.
Barrierefreiheit prüfen lassen
Wir gehen Ihren Shop durch: Kaufweg, Theme, Apps und die Information zur Barrierefreiheit. Sie erhalten eine Liste der Mängel mit Reihenfolge, und auf Wunsch beheben wir sie. Die Prüfung der Barrierefreiheit ist Teil des Shop-Checks in unserem Shopify Support.