E-Commerce & BFSG 2026: Alle Pflichten für Online-Shops
Online-Shops sind vom BFSG besonders betroffen: Der gesamte Kaufprozess – von der Produktsuche bis zur Bestellbestätigung – muss barrierefrei sein. Seit dem 28. Juni 2025 gilt das Barrierefreiheitsstärkungsgesetz für nahezu alle B2C-Webshops in Deutschland[1]. Bei Verstößen drohen Bußgelder bis 100.000 € und Abmahnungen durch Wettbewerber. Dieser Guide zeigt, was Sie konkret umsetzen müssen.
Das Wichtigste für Shop-Betreiber
- BFSG gilt seit 28. Juni 2025 für alle B2C-Online-Shops
- Ausnahme: Kleinstunternehmen (unter 10 Mitarbeiter UND unter 2 Mio. € Umsatz)
- Standard: WCAG 2.1 Level AA / EN 301 549
- Kompletter Kaufprozess muss barrierefrei sein: Suche → Produkt → Warenkorb → Checkout
- Bußgelder: Bis 100.000 € + Abmahnungen durch Wettbewerber möglich
Ist mein Online-Shop betroffen?
Das BFSG gilt für Ihren Shop, wenn:
- Sie Produkte oder Dienstleistungen an Verbraucher (B2C) verkaufen
- Sie mehr als 10 Mitarbeiter haben ODER
- Ihr Jahresumsatz über 2 Millionen Euro liegt ODER
- Ihre Bilanzsumme über 2 Millionen Euro liegt[2]
Ausnahmen:
| Kriterium | Ausgenommen? |
|---|---|
| Kleinstunternehmen (unter 10 MA + unter 2 Mio. €) | ✅ Ja |
| Reine B2B-Shops | ✅ Ja |
| B2C-Shops über der Schwelle | ❌ Nein |
| Internationale Shops mit EU-Kunden | ❌ Nein |
Achtung: EAA gilt EU-weit
Das BFSG ist die deutsche Umsetzung der EU-Richtlinie European Accessibility Act (EAA). Wenn Sie in andere EU-Länder verkaufen, gelten dort die jeweiligen nationalen Umsetzungen – mit ähnlichen Anforderungen[3].
Die BFSG-Anforderungen im Detail
Nach dem BFSG muss Ihr Online-Shop „auffindbar, zugänglich und nutzbar" sein für Menschen mit Behinderungen – ohne fremde Hilfe und in der allgemein üblichen Weise[4].
Der technische Standard dafür ist WCAG 2.1 Level AA bzw. die europäische Norm EN 301 549.
Die 4 WCAG-Prinzipien für E-Commerce:
| Prinzip | Bedeutung für Online-Shops |
|---|---|
| Wahrnehmbar | Produktbilder mit Alt-Text, ausreichende Kontraste, skalierbare Schriften |
| Bedienbar | Tastatur-Navigation, keine Zeitlimits, klare Fokus-Anzeige |
| Verständlich | Klare Fehlermeldungen, konsistente Navigation, verständliche Texte |
| Robust | Kompatibel mit Screenreadern und anderen Hilfstechnologien |
Shop-Barrierefreiheit prüfen lassen
Wir analysieren Ihren Online-Shop auf BFSG-Konformität
Kostenloses ErstgesprächShop-Bereiche im Fokus: Was muss barrierefrei sein?
1. Produktseiten
Produktseiten sind oft die am schlechtesten optimierten Seiten – dabei sind sie entscheidend für den Kaufprozess[5].
Anforderungen:
| Element | WCAG-Anforderung | Umsetzung |
|---|---|---|
| Produktbilder | Alt-Text erforderlich | Beschreibender Text: Farbe, Material, Details |
| Bildergalerie | Tastatur-bedienbar | Zoom und Wechsel per Pfeiltasten |
| Farbauswahl | Nicht nur visuell | Text-Labels zusätzlich zu Farbpunkten |
| Größenauswahl | Programmatisch verknüpft | Labels für Screenreader erkennbar |
| Preis/Rabatt | Screenreader-lesbar | Strukturierte Preisinformation |
| Verfügbarkeit | Klare Statusmeldung | Nicht nur durch Farbe signalisiert |
Häufige Fehler:
- 54,5% der E-Commerce-Seiten haben fehlende Alt-Texte[6]
- Farbauswahl nur mit Farbpunkten ohne Text
- Zoom-Funktion nicht per Tastatur bedienbar
2. Warenkorb
Der Warenkorb ist kritisch – wenn er nicht barrierefrei ist, bricht der gesamte Kaufprozess ab[7].
Anforderungen:
| Funktion | WCAG-Kriterium | Umsetzung |
|---|---|---|
| Mengenänderung | 2.1.1 Tastatur | Plus/Minus per Tastatur bedienbar |
| Artikel entfernen | 2.1.1 Tastatur | Löschen-Button fokussierbar |
| Aktualisierung | 4.1.3 Statusmeldungen | aria-live Region für Updates |
| Gesamtpreis | 1.3.1 Info und Beziehungen | Strukturiert und lesbar |
| Zur Kasse | 2.4.7 Fokus sichtbar | Klarer visueller Fokus |
Code-Beispiel für Warenkorb-Updates:
<div aria-live="polite" aria-atomic="true">
Warenkorb aktualisiert: 3 Artikel, Gesamtsumme 89,97 €
</div>
3. Checkout-Prozess
Der Checkout ist ausdrücklich im BFSG genannt und muss vollständig barrierefrei sein – 69% der Shops haben hier Probleme[8].
Schritt-für-Schritt Anforderungen:
| Checkout-Schritt | Anforderungen |
|---|---|
| Fortschrittsanzeige | Klar kommuniziert (Schritt 2 von 4) |
| Adressformular | Alle Felder mit Labels, Fehlermeldungen bei Eingabe |
| Lieferoptionen | Radio-Buttons korrekt beschriftet |
| Zahlungsauswahl | Tastatur-Navigation zwischen Optionen |
| Kreditkartenformular | Fehler identifizieren und Korrektur vorschlagen |
| Bestellung prüfen | Alle Infos für Screenreader lesbar |
| Bestätigung | Klare Erfolgsmeldung |
Kritische Formular-Anforderungen:
<!-- Richtig: Label verknüpft -->
<label for="email">E-Mail-Adresse *</label>
<input type="email" id="email" name="email" required
aria-describedby="email-error">
<span id="email-error" role="alert" aria-live="polite">
Bitte geben Sie eine gültige E-Mail-Adresse ein
</span>
<!-- Falsch: Kein Label -->
<input type="email" placeholder="E-Mail">
Häufigste Checkout-Barrieren
- 64%: Tastatur-Fallen in Modals (z.B. Adressauswahl)
- 54%: Unzureichende Farbkontraste
- 48%: Fehlermeldungen nur visuell (rote Umrandung)
- 48,6%: Fehlende Formular-Labels
4. Suche und Filter
| Funktion | Anforderung |
|---|---|
| Suchfeld | Korrekt beschriftet, Vorschläge per Tastatur wählbar |
| Filter | Alle Filter per Tastatur bedienbar |
| Ergebnisse | Anzahl wird bei Filterung kommuniziert |
| Sortierung | Dropdown barrierefrei |
5. Benutzerkonten
| Funktion | Anforderung |
|---|---|
| Login | Formular barrierefrei, Passwort-Sichtbarkeit toggle |
| Registrierung | Klare Anforderungen, verständliche Fehlermeldungen |
| Bestellhistorie | Tabellarisch und screenreader-kompatibel |
| Adressverwaltung | Bearbeiten/Löschen per Tastatur |
Drittanbieter-Komponenten prüfen
Viele Barrieren entstehen durch externe Dienste[9]:
| Komponente | Typische Probleme | Lösung |
|---|---|---|
| Zahlungsanbieter | Iframe nicht barrierefrei | ACR (Accessibility Conformance Report) anfordern |
| Chat-Widgets | Tastatur-Trap | Alternativen anbieten (E-Mail, Telefon) |
| Bewertungs-Plugins | Keine Screenreader-Unterstützung | Barrierefreie Alternative wählen |
| Empfehlungs-Engine | Karussell nicht bedienbar | Alternative Darstellung |
| Cookie-Banner | Nicht per Tastatur schließbar | WCAG-konformes Plugin nutzen |
Wichtig: Sie sind für die Barrierefreiheit Ihres Shops verantwortlich – auch für Drittanbieter-Komponenten!
Barrierefreiheitserklärung für Online-Shops
Jeder Online-Shop muss eine Barrierefreiheitserklärung veröffentlichen[10].
Pflichtinhalte:
- Stand der Konformität (vollständig / teilweise / nicht konform)
- Bekannte Einschränkungen mit Begründung
- Feedback-Möglichkeit und Kontaktdaten
- Datum der letzten Prüfung
- Verwendeter Standard (WCAG 2.1 AA)
Platzierung: Leicht auffindbar, z.B. im Footer neben Impressum und Datenschutz.
BFSG-Checkliste für Online-Shops
✅ E-Commerce BFSG-Checkliste
Produktseiten:
- Alle Produktbilder haben beschreibende Alt-Texte
- Farbauswahl hat Text-Labels (nicht nur Farbpunkte)
- Größenauswahl ist screenreader-kompatibel
- Zoom-Funktion per Tastatur bedienbar
Warenkorb:
- Mengenänderung per Tastatur möglich
- Warenkorb-Updates werden per aria-live angekündigt
- Artikel entfernen ist per Tastatur möglich
Checkout:
- Alle Formularfelder haben verknüpfte Labels
- Fehlermeldungen identifizieren das Problem konkret
- Gesamter Checkout per Tastatur durchführbar
- Kein Timeout oder ausreichend Zeit (+ Warnung)
- Fortschrittsanzeige ist für Screenreader lesbar
Allgemein:
- Farbkontrast mindestens 4,5:1 für Text
- Fokus-Indikator ist deutlich sichtbar
- Barrierefreiheitserklärung veröffentlicht
- Feedback-Mechanismus eingerichtet
Shop-Systeme und BFSG-Konformität
| Shop-System | BFSG-Konformität | Anmerkung |
|---|---|---|
| Shopify | ⚠️ Teilweise | Themes variieren stark, viele Anpassungen nötig |
| WooCommerce | ⚠️ Teilweise | Abhängig von Theme und Plugins |
| Shopware 6 | ⚠️ Teilweise | Standard-Theme hat Lücken |
| Magento | ⚠️ Teilweise | Enterprise besser als Community |
| JTL-Shop | ⚠️ Teilweise | Verbesserungen in neueren Versionen |
Fazit: Kein Standard-Shop-System ist out-of-the-box BFSG-konform. Anpassungen und Tests sind immer erforderlich.
Häufig gestellte Fragen
Muss mein kleiner Etsy/Amazon-Shop auch BFSG-konform sein?
Wenn Sie auf Marktplätzen wie Amazon oder Etsy verkaufen, ist primär der Marktplatz für die Barrierefreiheit verantwortlich. Ihre eigenen Produktbeschreibungen sollten dennoch barrierefrei formuliert sein (klare Sprache, strukturierte Informationen).
Was ist mit B2B-Shops, die auch an Verbraucher verkaufen?
Sobald Sie auch nur einen Teil Ihres Angebots an Verbraucher (B2C) richten, gilt das BFSG für diesen Teil. Die sauberste Lösung: Den gesamten Shop barrierefrei machen.
Gibt es eine Übergangsfrist?
Das BFSG ist seit dem 28. Juni 2025 in Kraft. Für bestimmte Dienstleistungsverträge, die vor diesem Datum geschlossen wurden, gilt eine Übergangsfrist bis zum 27. Juni 2030[11].
Was passiert bei einem Verstoß?
- Bußgelder bis 100.000 €
- Abmahnungen durch Wettbewerber (UWG)
- Vertriebsverbote in schweren Fällen
- Unterlassungsklagen durch Verbraucherschutzverbände
Wie teuer ist die Umstellung?
Die Kosten hängen vom aktuellen Stand ab:
- Audit: 4.000 - 15.000 € (je nach Shop-Größe)
- Umsetzung: 5.000 - 30.000 € (je nach Mängelumfang)
- Laufendes Monitoring: 1.000 - 3.000 €/Jahr
Fazit: Barrierefreiheit als Wettbewerbsvorteil
Die BFSG-Pflichten für Online-Shops sind umfangreich, aber machbar. Und sie sind nicht nur eine gesetzliche Pflicht – sie sind eine Chance:
- Größere Zielgruppe: 15% der Bevölkerung haben eine Behinderung
- Bessere SEO: Barrierefreie Shops ranken besser
- Höhere Conversion: Klare Formulare und gute UX steigern Abschlüsse
- Rechtssicherheit: Schutz vor Abmahnungen und Bußgeldern
Starten Sie jetzt: Je früher Sie Ihren Shop auf BFSG-Konformität prüfen und anpassen, desto besser.
Weiterführende Artikel:
Kostenloses Audit Ihrer Website
Lassen Sie uns Ihre Website auf Barrierefreiheit prüfen – kostenlos und unverbindlich
Themen:
Weitere Artikel
WordPress Barrierefreie Produktseite: WooCommerce WCAG Guide
WooCommerce 10.0 WCAG 2.2 Compliance Guide 2025: Themes, Plugins, Checkout, Payment Gateways - 140+ Accessibility Features richtig konfigurieren.
Shopware 6 Barrierefreiheit: EAA Compliance Guide für E-Commerce
Shopware 6.7 Accessibility Guide 2025: Built-in WCAG 2.1 Features, EAA Compliance, B2B Features - Perfect 100/100 Lighthouse Score erreichen.
Barrierefreiheit für alle CMS-Systeme: Der Praxis-Guide
Kompletter CMS-Barrierefreiheit-Vergleich 2025: WordPress, TYPO3, Drupal, Joomla, Contao. WCAG-Compliance, Kosten, Plugin-Ökosystem und BFSG-Readiness für deutsche Unternehmen.