Barrierefreiheit & BFSG

Das Barrierefreiheitsstärkungsgesetz (BFSG) ist seit dem 28. Juni 2025 in Deutschland in Kraft und setzt die EU-Richtlinie European Accessibility Act (EAA) um. Alle B2C-Online-Shops mit mehr als 10 Mitarbeitern oder über 2 Millionen Euro Jahresumsatz müssen digitale Barrierefreiheit nach WCAG 2.1 Level AA gewährleisten. Verstöße können Bußgelder bis zu 100.000 Euro nach sich ziehen.

Neben den direkten Bußgeldern drohen Abmahnungen durch Wettbewerber und Verbraucherschutzverbände. Die Marktüberwachungsbehörden der Bundesländer haben bereits mit Stichproben-Kontrollen begonnen. Wer jetzt noch nicht BFSG-konform ist, handelt auf eigenes Risiko — und verschenkt gleichzeitig enormes Umsatzpotenzial.

Wichtig: Das BFSG gilt nicht nur für den Shop selbst, sondern auch für alle digitalen Kontaktpunkte — Newsletter, PDF-Rechnungen, Chat-Funktionen und mobile Apps. Eine umfassende Bestandsaufnahme ist der erste Schritt zur Compliance.

WCAG 2.1 Level AA umfasst 50 Erfolgskriterien in vier Prinzipien: Wahrnehmbar, Bedienbar, Verständlich und Robust (POUR). Für Online-Shops sind besonders kritisch: ausreichende Farbkontraste (mindestens 4,5:1 für Text), vollständige Tastaturbedienbarkeit, Alt-Texte für alle Produktbilder und korrekte Formular-Labels im Checkout.

Die häufigsten Barrieren, die wir in Shop-Audits finden: fehlende oder unzureichende Alt-Texte bei Produktbildern, zu geringe Kontrastverhältnisse bei Buttons und Links, nicht-zugängliche Dropdown-Menüs und Filter, fehlende ARIA-Labels bei interaktiven Elementen und ein Checkout-Prozess, der ohne Maus nicht nutzbar ist.

Ein vollständiger WCAG-Audit umfasst sowohl automatisierte Scans (die ca. 30% der Barrieren erkennen) als auch manuelle Tests mit Screenreadern wie NVDA und VoiceOver, Tastaturbedienung und kognitive Walkthrough-Analysen. Erst die Kombination deckt alle relevanten Probleme auf.

Phase 1 (Woche 1-2): Umfassender WCAG-Audit mit Priorisierung aller gefundenen Barrieren nach Schweregrad. Kritische Barrieren (Checkout, Navigation, Formulare) werden zuerst adressiert. du erhältst einen detaillierten Bericht mit Screenshots, betroffenen WCAG-Kriterien und konkreten Lösungsvorschlägen.

Phase 2 (Woche 3-6): Schrittweise Implementierung der Fixes, beginnend mit den kritischsten Barrieren. Semantisches HTML, ARIA-Attribute, Skip-Navigation-Links, Fokus-Management und Farbkorrekturen werden in deinen bestehenden Shop integriert — ohne das Design zu beeinträchtigen.

Phase 3 (fortlaufend): Erstellung der Barrierefreiheitserklärung, Schulung deines Teams für barrierefreie Content-Erstellung und Integration automatisierter Accessibility-Tests in deinen Deployment-Prozess. So bleibt dein Shop dauerhaft konform, auch bei neuen Inhalten und Features.