Ratgeber · Shopify
BFSG-Checkliste für Shopify-Shops: 30 Punkte zum Abhaken
Zuletzt aktualisiert
Sachinformation, keine Rechtsberatung. Für Ihre konkrete Situation fragen Sie bitte eine Anwältin oder einen Anwalt.
Was das Barrierefreiheitsstärkungsgesetz (BFSG) von Onlineshops verlangt, haben wir im Beitrag BFSG für Shopify-Shops erklärt. Diese Checkliste ist der praktische Teil: 30 Punkte, sortiert nach den Stellen, an denen Sie in Shopify tatsächlich arbeiten. Zu jedem Punkt steht, wo Sie ihn finden, wie Sie ihn prüfen und auf welches WCAG-Kriterium oder welche Vorschrift er sich bezieht.
Kurz zusammengefasst
- Klären Sie zuerst, ob Ihr Unternehmen betroffen ist, und halten Sie das Ergebnis schriftlich fest.
- Fangen Sie im Theme an: Kontrast, Icon-Links ohne Namen, fehlende Alt-Texte und blockierter Zoom sind auf .de-Shopify-Startseiten die häufigsten automatisch erkennbaren Barrieren.
- Prüfen Sie Checkout und Apps genauso wie das Theme. Zahlungsfunktionen nennt § 19 BFSGV ausdrücklich.
- Veröffentlichen Sie die Informationen nach Anlage 3 und dokumentieren Sie jede Prüfung mit Datum.
So setzen Sie die Prioritäten
In unserer Studie zu EU-Shopify-Startseiten haben wir 1.207 Startseiten mit .de-Domain ausgewertet (HTTP Archive, Crawl vom 1. September 2026, mobile Ansicht, nur Startseiten, nur automatisierte Prüfungen). 93,6 % scheiterten an mindestens einer automatisierten WCAG-2.1-Prüfung. Die häufigsten Funde: zu geringer Farbkontrast (75,1 %), Links ohne erkennbaren Namen (49,8 %), Bilder ohne Alternativtext (34,2 %), übersprungene Überschriftenebenen (32,1 %), blockierter Zoom (23,9 %, der höchste Wert aller Ländergruppen) und Buttons ohne Namen (16,3 %). Diese Punkte sind in der Checkliste deshalb zuerst genannt.
Wichtig: Automatisierte Tests finden nur einen Teil der Barrieren. In einem Test des britischen Government Digital Service fanden zehn Tools zusammen 71 % von 143 eingebauten Barrieren, das beste einzelne Tool 41 % (GOV.UK, 2017). Die Spalte „Wie prüfen“ nennt deshalb oft einen Handtest.
1. Betroffenheit und Kleinstunternehmen-Nachweis
| Punkt | Wo | Wie prüfen | Grundlage |
|---|---|---|---|
| 1. Verkaufen Sie an Verbraucher? | Geschäftsmodell, AGB | B2C oder gemischt: betroffen; reiner B2B-Shop nach dem Wortlaut nicht | § 1 Abs. 3 Nr. 5, § 2 Nr. 26 BFSG |
| 2. Kleinstunternehmen? | Buchhaltung, Personalakte | Weniger als 10 Beschäftigte und höchstens 2 Mio. € Umsatz oder Bilanzsumme, für die letzten zwei Geschäftsjahre | § 3 Abs. 3, § 2 Nr. 17 BFSG |
| 3. Nachweis abgelegt? | Interne Ablage | Zahlen, Datum, verbundene Unternehmen notiert; jährlich aktualisieren | MLBF-Hinweise für Unternehmen |
Wie die MLBF Beschäftigte und Schwellenwerte zählt, steht im Grundlagenbeitrag. Liegen Sie knapp an der Grenze, lassen Sie die Einordnung anwaltlich prüfen.
2. Theme und Design
| Punkt | Wo in Shopify | Wie prüfen | WCAG |
|---|---|---|---|
| 4. Textkontrast mindestens 4,5:1 | Theme-Editor, Farbschemata | Kontrastrechner für jedes Farbschema; großer Text 3:1 | 1.4.3 |
| 5. Text auf Bildern lesbar | Bild-Banner, Slideshow | Überlagerung (Overlay) verstärken oder Textfeld mit Hintergrund nutzen | 1.4.3 |
| 6. Zoom nicht blockiert | Code: layout/theme.liquid | Viewport-Tag ohne maximum-scale=1 und user-scalable=no | 1.4.4 |
| 7. Fokus sichtbar | Theme-CSS, eigene Anpassungen | Mit Tab durch die Seite gehen; jedes Element zeigt einen Rahmen | 2.4.7 |
| 8. Überschriften in Reihenfolge | Sektionen, Überschriften-Einstellungen | Browser-Erweiterung oder Screenreader-Überschriftenliste; keine Ebene überspringen | Best Practice (vgl. 1.3.1) |
| 9. Keine automatische Bewegung ohne Pause | Slideshow, Ankündigungsleiste | Autoplay aus oder Pause-Schaltfläche vorhanden | 2.2.2 |
| 10. Links nicht nur durch Farbe erkennbar | Theme-Typografie, Fließtext | Links im Text unterstrichen | 1.4.1 |
Wie Sie diese Punkte in Dawn, Horizon und anderen Themes konkret einstellen, zeigt der Beitrag Shopify-Theme barrierefrei einstellen. Shopify selbst nennt in seiner Hilfe zur Barrierefreiheit von Themes dieselben Kontrastwerte und rät von automatisch abspielenden Slideshows ab.
3. Bilder und Medien
| Punkt | Wo in Shopify | Wie prüfen | WCAG |
|---|---|---|---|
| 11. Alt-Text für Produktbilder | Admin, Medien des Produkts | Jedes Bild beschreibt, was zu sehen ist (Farbe, Ansicht, Detail) | 1.1.1 |
| 12. Alt-Text für Banner und Sektionsbilder | Theme-Editor, Bild-Einstellung | Bilder mit Text: Text im Alt-Text wiederholen | 1.1.1 |
| 13. Videos ohne Autoplay, mit Untertiteln | Video-Sektion, Produktmedien | Startet nicht von selbst; Untertitel oder Transkript vorhanden | 1.2.2, 2.2.2 |
| 14. Kein Text als Bild | Kampagnen-Banner | Rabatte und Fristen als echter Text | 1.4.5 |
Wo Shopify Alt-Texte speichert und wie Sie viele Bilder auf einmal pflegen, steht im Beitrag Alt-Texte in Shopify. Für Punkt 4 und 5 hilft der Beitrag Farbkontrast im Shopify-Shop prüfen und korrigieren.
4. Navigation und Tastatur
| Punkt | Wo in Shopify | Wie prüfen | WCAG |
|---|---|---|---|
| 15. Icon-Links mit Namen | Header (Suche, Konto, Warenkorb), Social-Icons | Screenreader liest einen Namen vor, nicht nur „Link“ | 2.4.4, 4.1.2 |
| 16. Buttons mit Namen | Menü-Button, Slider-Pfeile, Mengenwähler | Jeder Button hat sichtbaren Text oder ein aria-label | 4.1.2 |
| 17. Menü per Tastatur bedienbar | Header, Mega-Menü | Untermenüs mit Tab und Enter öffnen und wieder schließen | 2.1.1 |
| 18. Keine Tastaturfalle | Pop-ups, Warenkorb-Schublade | Escape schließt, Fokus kehrt zurück | 2.1.2 |
| 19. Klickziele groß genug | Mobile Ansicht, Filter, Paginierung | Mindestens 24 × 24 CSS-Pixel | 2.5.8 (WCAG 2.2) |
5. Formulare, Warenkorb und Checkout
§ 19 BFSGV verlangt, dass Identifizierungs-, Authentifizierungs-, Sicherheits- und Zahlungsfunktionen „wahrnehmbar, bedienbar, verständlich und robust“ gestaltet werden (BFSGV § 19). Den Checkout baut Shopify. Laut Shopifys eigenem Barrierefreiheitsbericht zum Checkout (März 2026) werden einige Kriterien nur teilweise unterstützt, etwa Kontrast, sichtbarer Fokus und Fehlermeldungen. Prüfen Sie deshalb selbst, was Ihre Kundschaft erlebt.
| Punkt | Wo in Shopify | Wie prüfen | WCAG |
|---|---|---|---|
| 20. Felder mit sichtbarer Beschriftung | Newsletter, Kontaktformular, Suche | Jedes Feld hat ein Label, nicht nur einen Platzhalter | 1.3.1, 3.3.2 |
| 21. Fehler verständlich | Formulare, Warenkorb | Fehlermeldung nennt Feld und Lösung; Screenreader liest sie vor | 3.3.1, 3.3.3 |
| 22. Bestellung nur mit Tastatur | Produktseite bis Bestellbestätigung | Einmal komplett ohne Maus bestellen | 2.1.1 |
| 23. Checkout-Branding kontrastreich | Checkout-Einstellungen, Checkout-Editor | Eigene Farben und Schriften mit Kontrastrechner prüfen | 1.4.3, 1.4.11 |
| 24. Zahlungsarten und Erweiterungen | Zahlungsanbieter, Checkout-Erweiterungen | Mit Screenreader auswählen und bezahlen (Testbestellung) | 4.1.2; § 19 BFSGV |
6. Apps und Drittanbieter
In der Studie scheiterten Seiten mit 40 oder mehr erkannten Drittanbieter-Technologien im Schnitt an 4,1 Prüfungen, Seiten mit weniger als 20 an 2,7. Das ist ein Zusammenhang, kein Beweis für eine Ursache, und wir schreiben keiner einzelnen App Barrieren zu. Prüfen Sie trotzdem jede eingebundene Komponente.
| Punkt | Wo in Shopify | Wie prüfen | WCAG |
|---|---|---|---|
| 25. Cookie-Banner bedienbar | Datenschutz-App oder Shopify-Banner | Erreichbar per Tastatur, Buttons mit Namen, Kontrast ausreichend | 2.1.1, 4.1.2, 1.4.3 |
| 26. Bewertungen, Chat, Pop-ups | App-Einbettungen im Theme-Editor | Sterne als Text lesbar, Chat-Button benannt, Pop-up schließbar | 1.1.1, 4.1.2, 2.1.2 |
Barrieren aus Apps melden Sie dem Anbieter mit Screenshot und WCAG-Kriterium. Ein Overlay-Widget ist dafür kein Ersatz; warum, steht im Beitrag Overlay-Widgets und das BFSG.
7. Informationen nach Anlage 3
| Punkt | Wo in Shopify | Wie prüfen | Grundlage |
|---|---|---|---|
| 27. Seite mit allen Pflichtangaben | Eigene Seite, im Footer verlinkt und in den AGB erwähnt | Beschreibung der Dienstleistung, Erläuterung der Durchführung, wie die Anforderungen erfüllt werden, zuständige Behörde: die MLBF in Magdeburg | § 14 Abs. 1 Nr. 2 BFSG, Anlage 3 Nr. 1 a–d |
| 28. Seite selbst barrierefrei | Seiteninhalt | Echter Text, Überschriften, kein PDF als einzige Form | BFSGV § 12 Nr. 2 |
Anlage 3 Nr. 1 d BFSG verlangt ausdrücklich „die Angabe der zuständigen Marktüberwachungsbehörde“ (Anlage 3). Gliederung und Beispieltext finden Sie im Beitrag Die Informationen zur Barrierefreiheit nach Anlage 3.
8. Dokumentation und Wiederholung
§ 14 Abs. 3 BFSG verlangt, dass die Anforderungen „stets erfüllt werden“, und dass Sie Änderungen der Dienstleistung, der Anforderungen und der Normen „gebührend“ berücksichtigen (BFSG § 14). Für einen Shop, der sich laufend ändert, heißt das: wiederholen und festhalten.
| Punkt | Wo | Wie prüfen | Grundlage |
|---|---|---|---|
| 29. Prüfprotokoll mit Datum | Interne Ablage oder Tool | Was geprüft, was gefunden, was behoben, wann | § 14 Abs. 3 und 5 BFSG |
| 30. Wiederholung geplant | Kalender, Release-Prozess | Nach Theme-Updates, neuen Apps, Kampagnen und in festen Abständen | § 14 Abs. 3 BFSG |
Wenn Sie einen Shop prüfen lassen möchten, bevor Sie die Liste abarbeiten: Starten Sie den kostenlosen Check und nutzen Sie das Ergebnis als ersten Eintrag in Ihrem Prüfprotokoll.
Verkaufen Sie auch nach Österreich?
Das österreichische Barrierefreiheitsgesetz (BaFG) setzt dieselbe EU-Richtlinie um, regelt aber einiges anders: Die Informationen sind nach § 14 Abs. 2 BaFG „in schriftlicher und mündlicher Form“ bereitzustellen, zuständig ist das Sozialministeriumservice, und Anlage 3 verlangt Angaben zur Überwachung. Die Unterschiede und die To-dos für einen Shop in beiden Ländern stehen im Beitrag BaFG in Österreich für Shopify-Shops.
Wie Testamur hilft
Testamur ist eine Shopify-App, die sich in Entwicklung befindet. Schon jetzt können Sie Ihren Shop kostenlos automatisch prüfen lassen. Die App ordnet Funde WCAG und EN 301 549 zu, zeigt, ob sie aus dem Theme oder einer App stammen, entwirft die Informationen nach Anlage 3 und führt einen datierten Verlauf von Prüfungen, Korrekturen und veröffentlichten Fassungen. Sie arbeitet ohne Overlay und ersetzt weder den Handtest noch die rechtliche Beratung.
Quellen
- BFSG § 14 und Anlage 3
- BFSGV § 12 und § 19
- MLBF: Informationen für Unternehmen
- Shopify Hilfe: Barrierefreiheit von Themes
- Shopify: Accessibility Conformance Report Checkout (März 2026)
- W3C: WCAG 2.1 Kurzreferenz
- GOV.UK Accessibility Blog: Tool-Test (2017)
- Testamur: Studie EU-Shopify-Startseiten 2026
Prüfen Sie Ihren Shop kostenlos
Sehen Sie, welche Barrieren ein automatischer Check in Ihrem eigenen Shopify-Shop findet: die Startseite und, soweit Ihre robots.txt es erlaubt, Kollektions-, Produkt- und Rechtsseiten, zugeordnet zu WCAG und EN 301 549. Kostenlos, Ergebnis per E-Mail. Automatische Tests finden einen Teil der Barrieren, nicht alle.
Shop kostenlos prüfenHäufige Fragen
Was gehört auf eine BFSG-Checkliste für einen Onlineshop?
Mindestens: die Prüfung, ob Ihr Unternehmen betroffen ist, das Theme (Kontrast, Zoom, Fokus, Überschriften), Bilder und Medien, die Bedienung per Tastatur, Formulare, Warenkorb und Checkout, eingebundene Apps, die Informationen nach Anlage 3 BFSG und eine datierte Dokumentation Ihrer Prüfungen und Korrekturen.
Reicht ein automatischer Test, um die Checkliste abzuarbeiten?
Nein. Automatische Tests finden nur einen Teil der Barrieren. Tastaturbedienung, sinnvolle Alt-Texte, verständliche Fehlermeldungen und den Ablauf im Checkout müssen Menschen prüfen. Ein Scan ist ein guter Startpunkt und zeigt, wo Sie zuerst ansetzen sollten.
Muss ich den Shopify-Checkout selbst prüfen?
§ 19 BFSGV nennt Zahlungsfunktionen ausdrücklich. Den Checkout stellt Shopify bereit, aber Farben, Logos, Texte, Zahlungsarten und Erweiterungen wählen Sie. Testen Sie den Checkout so, wie Ihre Kundschaft ihn nutzt, und halten Sie fest, was Sie selbst ändern können und was nicht.
Wie oft sollte ich die Checkliste wiederholen?
Das Gesetz nennt keinen festen Rhythmus. § 14 Abs. 3 BFSG verlangt aber, dass die Anforderungen stets erfüllt werden. Praktisch heißt das: nach jedem Theme-Update, jeder neuen App und jeder größeren Kampagne erneut prüfen und zusätzlich in festen Abständen, etwa quartalsweise.
Gilt die Checkliste auch für Shops in Österreich?
Weitgehend ja, denn beide Gesetze setzen dieselbe EU-Richtlinie um. Das österreichische Barrierefreiheitsgesetz verlangt die Informationen aber ausdrücklich schriftlich und mündlich und nennt eine andere Behörde, das Sozialministeriumservice.