Shopify Barrierefreiheit: So machen Sie Ihren Shop BFSG-konform

Stand: April 2026Lesezeit: 7 MinutenAutor: BFSGuard-Redaktion

Shopify-Shops sind in Deutschland seit dem 28. Juni 2025 verpflichtet, die Anforderungen des Barrierefreiheitsstärkungsgesetzes (BFSG) einzuhalten. Wer den Markt für Menschen mit Behinderungen ignoriert, verliert nicht nur rund 13 Millionen potenzielle Kunden in Deutschland — er riskiert Abmahnungen und Bußgelder bis 100.000 €. Dieser Guide zeigt die konkreten Schritte für Dawn-, Impulse-, Debut- und alle Shopify-2.0-Themes.

TL;DR: Shopify ist im Kern BFSG-tauglich, benötigt aber Theme-Anpassungen (Liquid-Dateien), eine Accessibility-App, korrekten Checkout-Flow und eine §-14-Erklärung. Mit BFSGuard-Widget erledigen Sie 80 % in 2 Minuten.

1. Ist mein Shopify-Theme überhaupt BFSG-tauglich?

Shopify's eigene Online Store 2.0 Themes (Dawn, Craft, Sense, Taste) sind ab Werk deutlich besser als alte Themes (Debut, Brooklyn). Das liegt an neueren Liquid-Standards mit semantischem HTML. Trotzdem: Kein Theme ist „out of the box" WCAG 2.2 AA konform.

Top 5 empfohlene Shopify-Themes für BFSG

Dawn — Shopifys Referenz-Theme, bestmögliche Accessibility-Basis, kostenlos
Sense — gute Semantik, für Beauty/Wellness
Craft — sehr saubere Markup-Struktur
Impulse (Premium) — mit Anpassungen BFSG-tauglich
Prestige (Premium) — nur mit Developer-Customization konform

Achtung: Themes aus dem Shopify Theme Store mit weniger als 4,5 Sternen oder älter als 2023 haben häufig kritische Accessibility-Probleme. Theme-Wechsel kann günstiger sein als aufwändige Nachbesserung.

2. Die kritischen Liquid-Anpassungen

Produktbilder: ALT-Text pflicht

Shopify nutzt standardmäßig den Dateinamen als ALT-Text — das ist nicht ausreichend. Öffnen Sie für jedes Produktbild den Bild-Editor und setzen Sie einen beschreibenden Text.

<!-- product.liquid -->
<img src="{{ image | img_url: '800x' }}"
     alt="{{ image.alt | default: product.title | escape }}"
     width="{{ image.width }}"
     height="{{ image.height }}"
     loading="lazy">

Skip-Link einbauen

Ein „Zum Hauptinhalt springen"-Link muss als erstes Element im <body> stehen. In Dawn existiert er bereits — in alten Themes muss er hinzugefügt werden:

<a class="skip-to-content" href="#MainContent">
  Zum Hauptinhalt springen
</a>

Farbkontraste im Theme Editor

Öffnen Sie im Shopify-Admin Online Store → Themes → Customize → Theme Settings → Colors. Prüfen Sie jedes Farbpaar (Text auf Hintergrund) mit einem Kontrast-Check-Tool auf mindestens 4,5:1.

3. Der Checkout — die heikelste Stelle

Der Shopify-Checkout ist zentral verwaltet — Sie können nur begrenzt eingreifen:

Shopify Plus: Voller Zugriff auf checkout.liquid
Shopify Basic/Standard: Nur Branding-Einstellungen über Checkout Extensibility möglich

Gute Nachricht: Shopify selbst hat den Standard-Checkout 2024 WCAG-2.1-AA-konform gemacht. Für BFSG-Compliance am Checkout reicht daher in der Regel die Shopify-Infrastruktur — Sie müssen „nur" den Rest der Seite reparieren.

4. Die wichtigsten Shopify-Accessibility-Apps

App	Funktion	Monatskosten
BFSGuard Widget	35+ Auto-Fixes, § 14-Erklärung, Scanner	ab 19,99 €
accessiBe	Overlay (rechtlich umstritten)	49 $
UserWay	Overlay + Widget	29 $
EqualWeb	Overlay	39 $
Accessibility Spark	Basis-Overlay	29 $

Warnung zu Overlays: Overlay-Tools wie accessiBe/UserWay sind in den USA bereits Gegenstand von Sammelklagen. Der deutsche Bundesverband der Blinden (DBSV) lehnt sie offiziell ab. BFSGuard unterscheidet sich: wir reparieren den realen DOM, nicht nur ein kosmetisches Overlay.

5. § 14-BFSG-Erklärung als Shopify-Seite

Legen Sie unter Online Store → Pages eine neue Seite namens „Barrierefreiheit" mit URL /pages/barrierefreiheit an. Inhalt: Ihre § 14-Erklärung mit Stand, Einschränkungen und Feedback-Mechanismus. Footer-Link zwingend.

BFSGuard generiert diese Erklärung automatisch aus dem Scan-Ergebnis — Copy & Paste in die Shopify-Seite.

6. Mobile Shopify-App: eigene Anforderungen

Wenn Sie eine native Shopify-Mobile-App nutzen (nicht der browserbasierte Shop), gilt EN 301 549 Abschnitt 11 — mobile Apps haben eigene Kriterien. Konsultieren Sie einen Entwickler, die Standard-App von Shopify selbst ist dokumentiert geprüft.

Shopify-Shop in 2 Minuten auf BFSG prüfen

Kostenloser WCAG 2.2 AA Scan. Inklusive konkreter Shopify-Liquid-Fixes.

Jetzt Shopify-Shop scannen →

Häufige Fragen

Muss ich Shopify Plus haben für BFSG-Konformität?

Nein. Mit Shopify Basic oder Standard ist BFSG-Compliance vollständig erreichbar. Shopify Plus wird nur nötig, wenn Sie den Checkout tiefgreifend anpassen möchten — was für Standard-Shops nicht nötig ist.

Was kostet BFSG-Konformität für einen Shopify-Shop?

Bei Eigenumsetzung mit BFSGuard-Widget: etwa 2-4 Stunden Zeit + 19,99 €/Monat. Externe Beauftragung: 1.500-4.000 € einmalig + laufende Wartung.

Sind Dropshipping-Shops auch betroffen?

Ja. Das BFSG knüpft an den Betreiber des B2C-Angebots an, nicht an die Logistik. Dropshipping-Shops mit deutscher Kundschaft fallen vollständig unter das Gesetz.

Funktioniert BFSGuard auf Shopify?

Ja, vollständig. BFSGuard wird als Shopify-Script-Tag über das Asset-File Ihres Themes eingebunden (Edit Code → Assets → theme.liquid) — es läuft auf allen Shopify-Plänen und allen Themes.