BFSG · WCAG 2.1 AA · Online-Shops
BFSG-Checkliste 2026: 25 Punkte, die jeder Online-Shop jetzt prüfen muss
Seit dem 28. Juni 2025 gilt das Barrierefreiheitsstärkungsgesetz (BFSG). Online-Shops im elektronischen Geschäftsverkehr müssen ihre Angebote nach WCAG 2.1 AA prüfen und Mängel beheben. Diese Checkliste gibt einen praxisorientierten Überblick über die 25 wichtigsten Prüfpunkte — mit WCAG-Referenz und Prioritätsstufe.
Stand: Juni 2026 · Automatisierte technische Analyse, keine Rechtsberatung
Wer ist seit 28.06.2025 betroffen?
Das BFSG richtet sich an Wirtschaftsakteure, die Produkte oder Dienstleistungen in Deutschland anbieten, die unter den Anwendungsbereich fallen. Im E-Commerce zählen vor allem Webshops dazu, die Verbrauchern Waren oder digitale Leistungen anbieten. Kleinstunternehmen unter 10 Beschäftigte und 2 Millionen Euro Jahresumsatz können eine Ausnahme dokumentieren — der Nachweis der unverhältnismäßigen Belastung liegt dabei beim Unternehmen selbst.
Abmahnwellen durch Mitbewerber und spezialisierte Kanzleien laufen seit Herbst 2025. Wer jetzt prüft und dokumentiert, hat eine bessere Ausgangsposition — unabhängig davon, ob alle Mängel sofort behebbar sind.
Die 25 Prüfpunkte im Überblick
Alle Punkte basieren auf WCAG 2.1 AA bzw. spezifischen BFSG-Anforderungen. Dies ist eine Orientierungsliste, kein vollständiger Audit-Bericht.
| # | Kategorie | Prüfpunkt | WCAG | Prio |
|---|---|---|---|---|
| 1 | Textalternativen | Alle produktbezogenen Bilder haben aussagekräftige Alt-Texte | 1.1.1 | Kritisch |
| 2 | Textalternativen | Dekorative Bilder haben leeres alt-Attribut (alt="") | 1.1.1 | Kritisch |
| 3 | Kontrast | Normaler Text: Kontrastverhältnis mind. 4,5:1 | 1.4.3 | Kritisch |
| 4 | Kontrast | Großer Text (≥18 pt oder ≥14 pt fett): Kontrast mind. 3:1 | 1.4.3 | Kritisch |
| 5 | Kontrast | UI-Komponenten und Grafiken: Kontrast mind. 3:1 | 1.4.11 | Hoch |
| 6 | Tastatur | Alle interaktiven Elemente per Tastatur erreichbar | 2.1.1 | Kritisch |
| 7 | Tastatur | Sichtbarer Fokus-Indikator auf fokussierten Elementen | 2.4.7 | Hoch |
| 8 | Tastatur | Kein Tastatur-Trap in Komponenten oder Modals | 2.1.2 | Kritisch |
| 9 | Formulare | Alle Formularfelder haben sichtbare, verknüpfte Labels | 1.3.1 / 3.3.2 | Kritisch |
| 10 | Formulare | Fehlermeldungen identifizieren Input und geben Korrekturhinweis | 3.3.1 / 3.3.3 | Hoch |
| 11 | Formulare | autocomplete-Attribute für Adress- und Zahlungsfelder gesetzt | 1.3.5 | Mittel |
| 12 | Struktur | Heading-Hierarchie korrekt (H1 → H2 → H3, keine Ebenen überspringen) | 1.3.1 | Hoch |
| 13 | Struktur | Seitensprache im <html lang="de"> korrekt gesetzt | 3.1.1 | Mittel |
| 14 | Struktur | Landmarks verwendet (header, main, nav, footer, aside) | 1.3.1 | Mittel |
| 15 | Navigation | Skip-Link zum Hauptinhalt vorhanden und funktional | 2.4.1 | Hoch |
| 16 | Navigation | Seitentitel eindeutig und beschreibend | 2.4.2 | Hoch |
| 17 | Navigation | Linktexte beschreiben das Ziel (kein „hier klicken“) | 2.4.4 | Hoch |
| 18 | Multimedia | Videos haben Untertitel oder Transkripte | 1.2.2 / 1.2.3 | Hoch |
| 19 | Responsivität | Inhalt bei 400 % Zoom nicht abgeschnitten oder horizontal scrollbar | 1.4.4 / 1.4.10 | Hoch |
| 20 | Responsivität | Touch-Targets mind. 24×24 CSS-Pixel (empfohlen: 44×44 px) | 2.5.8 | Mittel |
| 21 | Checkout | Fehler im Checkout klar benannt und korrigierbar | 3.3.1 | Kritisch |
| 22 | Checkout | Zahlungsformular mit autocomplete-Attributen für Screenreader | 1.3.5 | Hoch |
| 23 | Cookie-Banner | Banner mit Tastatur vollständig bedienbar | 2.1.1 | Hoch |
| 24 | PDF/Dokumente | AGBs und Datenblätter als barrierefreie PDFs oder HTML | 1.1.1 | Mittel |
| 25 | Barrierefreiheitserklärung | Barrierefreiheitserklärung gemäß § 15 BFSGV verlinkt | BFSGV §15 | Kritisch |
Häufigste Fehler in Shopify, WooCommerce und Shopware
Automatisierte Scans mehrerer hundert deutscher Shops zeigen, dass unabhängig vom Shop-System immer wieder dieselben Mängel auftauchen.
Shopify
- Produkt-Bilder ohne aussagekräftige Alt-Texte — Themes verwenden häufig den Dateinamen.
- Varianten-Selects (Größe, Farbe) ohne verknüpfte sichtbare Labels.
- Sticky Header überdeckt Sprung-Link-Ziel (#main-content).
WooCommerce (WordPress)
- Unzureichende Kontraste bei Preisen und Badge-Elementen in Standard-Themes.
- Checkout-Fehlermeldungen ohne programmatische Verknüpfung mit dem Input via aria-describedby.
- Cookie-Plugins erzeugen Banner ohne korrekte Fokus-Reihenfolge.
Shopware 6
- Dropdown-Navigation ohne ARIA-Attribute (aria-expanded, aria-haspopup).
- Produktgalerie-Slider ohne Tastatur-Bedienbarkeit.
- Suchfeld ohne visuelles Label (nur Platzhalter, der beim Tippen verschwindet).
Selbst prüfen, Tool nutzen oder Audit beauftragen?
| Ansatz | Geeignet für | Abdeckung | Kosten |
|---|---|---|---|
| Browser-Extensions (WAVE, axe DevTools) | Entwickler, erste Orientierung | ca. 30–40 % der Mängel | Kostenlos |
| Automatisierter Scan mit Report | Shop-Betreiber ohne Tech-Team; erste strukturierte Übersicht | ca. 40–55 % der Mängel | 199–499 € |
| Manuelles Accessibility-Audit | Shops mit hohem B2C-Volumen oder komplexen Checkout-Flows | ca. 80–95 % der Mängel | 1.500–5.000 € |
Ihren Shop jetzt technisch prüfen lassen
Der kostenlose Sofort-Check gibt einen ersten Überblick über kritische WCAG-2.1-Mängel Ihrer Startseite — in ca. 60 Sekunden. Der Basis-Report (199 €) deckt bis zu 5 Unterseiten ab und enthält einen priorisierten Fix-Plan sowie einen Entwurf der Barrierefreiheitserklärung.
Häufige Fragen
Gilt das BFSG für jeden Online-Shop?
Das Barrierefreiheitsstärkungsgesetz gilt seit 28.06.2025 für Produkte und Dienstleistungen im elektronischen Geschäftsverkehr. Kleinstunternehmen (weniger als 10 Beschäftigte UND weniger als 2 Millionen Euro Jahresumsatz) können eine Ausnahme beantragen, wenn die Anforderungen eine unverhältnismäßige Belastung darstellen. Die meisten mittelständischen Shops sind betroffen.
Welche WCAG-Version verlangt das BFSG?
Das BFSG verweist auf EN 301 549, die im Kern WCAG 2.1 Stufe AA fordert. WCAG 2.2 ist noch nicht explizit vorgeschrieben, enthält aber sinnvolle Ergänzungen (z. B. 2.5.8 zu Touch-Targets). Eine technische Prüfung nach WCAG 2.1 AA deckt den Pflicht-Mindeststandard ab.
Wie viele Mängel findet ein automatisierter Scan?
Automatisierte Tools wie axe-core oder Lighthouse finden zuverlässig rund 30–50 % der WCAG-Mängel — vor allem Kontraste, fehlende Alt-Texte, Labels und strukturelle Probleme. Komplexe Anforderungen wie semantische Korrektheit oder korrekte ARIA-Nutzung erfordern zusätzlich manuelle Sichtung.
Muss ich eine Barrierefreiheitserklärung veröffentlichen?
Ja. Betreiber von Websites im Anwendungsbereich des BFSG sind verpflichtet, eine Barrierefreiheitserklärung gemäß § 15 BFSGV zu veröffentlichen. Diese muss Konformitätsstatus, bekannte Mängel, einen Feedback-Mechanismus und Kontaktdaten einer Schlichtungsstelle enthalten.
Was passiert bei Nichterfüllung der BFSG-Anforderungen?
Verbände und Mitbewerber können seit 28.06.2025 Verstöße verfolgen. Abmahnkanzleien haben bereits Forderungen verschickt. Dies ist eine technische Analyse, keine Rechtsberatung — für rechtliche Einschätzungen wenden Sie sich an einen Fachanwalt für IT-Recht.