BFSG-Audit: Barrierefreiheit im Shop testen

Seit dem 28. Juni 2025 ist das Barrierefreiheitsstärkungsgesetz (BFSG) in Kraft. 95,9 % aller Websites weisen mindestens einen WCAG-Fehler auf (WebAIM 2026) – und die ersten Abmahnungen sind bereits verschickt. Ein systematisches BFSG-Audit ist ein verlässlicher Weg, um Ihren Online-Shop regelkonform aufzustellen, und senkt das Risiko von Bußgeldern bis zu 100.000 €.

Warum ein BFSG-Audit jetzt unverzichtbar ist

Das BFSG ist keine ferne Zukunftsmusik mehr – es ist geltendes Recht. Von 65 getesteten Shop-Websites war nur ein Drittel barrierefrei, und nur 20 ließen sich allein über die Tastatur bedienen (Aktion Mensch 2025). Die Marktaufsichtsbehörden haben 2025 mit aktiven Prüfungen begonnen, und erste Abmahnungen sind mit Kosten von 1.784,10 € zuzüglich 490 € Analyse-Gebühr verschickt worden (KBM Legal).

Gleichzeitig verpassen nicht-barrierefreie Shops ein enormes Marktpotenzial: 7,8 Millionen schwerbehinderte Menschen leben in Deutschland (Destatis) – 9,4 % der Bevölkerung. Weltweit sind es 1,3 Milliarden Menschen mit Behinderung, also 16 % der Weltbevölkerung (WHO).

Was ein BFSG-Audit umfasst

Ein professionelles BFSG-Audit ist mehr als ein automatischer Scan. Es kombiniert technische Prüfverfahren mit manuellen Expertentests und Nutzertests mit assistiven Technologien. Wie bereits in unserem Grundlagen-Artikel zum BFSG beschrieben, erkennen automatisierte Tools je nach Werkzeug nur 17 bis 41 % der Barrieren (Government Digital Service) – die Mehrheit der Barrieren bleibt ohne manuelle Prüfung unsichtbar.

Häufige WCAG-Fehler in Online-Shops

Der WebAIM Million Report 2026 hat die eine Million meistbesuchten Websites analysiert. Das Ergebnis ist erschreckend: Durchschnittlich 56,1 WCAG-Fehler pro Homepage. Die fünf häufigsten Fehlerarten betreffen fundamentale Aspekte der Barrierefreiheit:

Besonders alarmierend: Auch verbreitete Shopsysteme schneiden schlecht ab. Magento-basierte Shops weisen durchschnittlich 85,4 Fehler pro Homepage auf, WooCommerce-Shops 75,6 Fehler und Shopify-Shops 69,6 Fehler (WebAIM 2025). Das zeigt, dass kein System von Haus aus vollständig barrierefrei ist – professionelle Optimierung ist in jedem Fall erforderlich. Welche neuen WCAG-2.2-Kriterien dabei besonders relevant sind, haben wir in einem separaten Beitrag zusammengefasst.

Der 5-Phasen-Audit-Prozess

Ein strukturiertes BFSG-Audit folgt einem bewährten Prozess, der sicherstellt, dass keine Barriere unentdeckt bleibt. Wir bei XICTRON setzen auf einen kombinierten Ansatz aus automatisierter Analyse und manueller Expertise:

1. Scope-Definition und Inventar: Alle Seitentypen des Online-Shops (Shopware-Agentur) erfassen – Startseite, Kategorieseiten, Produktseiten, Warenkorb, Checkout, Kontaktformulare, Login-Bereich und Hilfe-Seiten
2. Automatisierter Scan: WCAG-2.1-AA-konformer Scan aller erfassten Templates mit spezialisierten Tools – identifiziert je nach Werkzeug 17 bis 41 % der Barrieren (Government Digital Service)
3. Manuelle Expertentests: Tastaturnavigation, Screenreader-Tests (NVDA, JAWS, VoiceOver), Kontrastprüfung, kognitive Zugänglichkeit und Responsiveness auf verschiedenen Endgeräten
4. Priorisierung und Reporting: Klassifizierung aller gefundenen Fehler nach Schweregrad (kritisch, hoch, mittel, niedrig) mit konkreten Handlungsempfehlungen
5. Umsetzung und Re-Audit: Behebung der identifizierten Barrieren durch erfahrene Frontend-Spezialisten, abschließende Prüfung und Erstellung der Barrierefreiheitserklärung

Automatisierte vs. manuelle Prüfung

Viele Shop-Betreiber verlassen sich ausschließlich auf automatisierte Barrierefreiheits-Tools. Das ist nachvollziehbar – ein Scan dauert Minuten statt Tage. Doch die Grenzen dieser Werkzeuge sind klar belegt:

Der ideale Ansatz kombiniert beide Methoden: Automatisierte Scans als effiziente Erstanalyse und manuelle Tests für die tiefgehende Qualitätssicherung. So lässt sich auch bei größeren E-Commerce-Projekten ein kosteneffizientes Audit durchführen.

Praktische Testmethoden im Detail

Theorie ist wichtig – aber wie testet man Barrierefreiheit konkret? Im Folgenden beschreiben wir die vier wichtigsten manuellen Prüfmethoden, die jeder Shop-Betreiber zumindest in Grundzügen selbst durchführen kann.

Tastaturnavigation testen

Die Tastaturnavigation ist einer der kritischsten Prüfpunkte – und gleichzeitig der einfachste zum Selbsttesten. Legen Sie die Maus beiseite und versuchen Sie, Ihren gesamten Online-Shop (Shopware-Agentur) nur mit der Tastatur zu bedienen. Nutzen Sie die Tab-Taste zum Vorwärtsspringen zwischen interaktiven Elementen, Shift+Tab zum Rückwärtsspringen, Enter zum Aktivieren von Links und Buttons, und die Leertaste zum Auslösen von Checkboxen und Buttons. Testen Sie jeden Schritt des Kaufprozesses: Produktsuche, Filterfunktionen, Warenkorb, Checkout-Formulare und Bezahlung.

Achten Sie dabei auf folgende Probleme: Kann man in modalen Dialogen oder Dropdown-Menüs mit der Tastatur gefangen werden (sogenannte Tastaturfallen)? Springt der Fokus nach dem Schließen eines Dialogs an die richtige Stelle zurück? Sind alle interaktiven Elemente – auch Custom-Widgets wie Schieberegler, Tabs und Akkordeons – per Tastatur bedienbar? Nur 20 von 65 untersuchten deutschen Top-Shops waren vollständig per Tastatur navigierbar (Aktion Mensch 2025).

Screenreader-Tests durchführen

Screenreader wandeln visuelle Informationen in Sprache oder Braille um. Um die Kompatibilität Ihres Shops zu prüfen, installieren Sie einen kostenlosen Screenreader wie NVDA (Windows), nutzen Sie VoiceOver (bereits in macOS und iOS integriert) oder TalkBack (Android). Navigieren Sie anschließend durch die wichtigsten Seiten Ihres Shops und achten Sie darauf, ob der Screenreader alle relevanten Informationen vorliest.

Besonders kritisch sind: Werden Produktbilder sinnvoll beschrieben oder liest der Screenreader nur den Dateinamen? Sind Formulare verständlich – also wird bei jedem Eingabefeld klar angesagt, was eingetragen werden soll? Werden Statusänderungen kommuniziert, zum Beispiel wenn ein Produkt in den Warenkorb gelegt wurde? Sind Preise, Verfügbarkeiten und Aktionen korrekt vorlesbar? Eine gründliche Screenreader-Prüfung deckt häufig Probleme auf, die kein automatisierter Scanner erkennen kann.

Kontrastprüfung systematisch angehen

Kontrastfehler sind mit 83,9 % die häufigste Fehlerart überhaupt (WebAIM 2026). WCAG 2.1 AA verlangt ein Kontrastverhältnis von mindestens 4,5:1 für normalen Text und 3:1 für großen Text (ab 18pt oder 14pt fett). Nutzen Sie Browser-Erweiterungen wie den integrierten Kontrastprüfer in den Chrome DevTools oder spezialisierte Tools, um systematisch jede Seitenvorlage Ihres Shops zu prüfen.

Vergessen Sie dabei nicht die leicht übersehenen Stellen: Placeholder-Text in Suchfeldern, deaktivierte Buttons, Fußnoten, Links innerhalb von Fließtext (müssen sich nicht nur durch Farbe unterscheiden), Preisangaben auf farbigen Hintergründen und Fehlermeldungen. Auch im Dark Mode und bei Hover- bzw. Fokus-Zuständen müssen die Kontrastverhältnisse eingehalten werden. In vielen CMS-basierten Shops lassen sich Kontrastprobleme durch gezielte CSS-Anpassungen beheben, ohne das gesamte Design zu verändern.

Formular-Labels und Fehlermeldungen prüfen

Formulare sind das Herzstück jedes Online-Shops – vom Suchfeld über die Registrierung bis zum Checkout. 51 % aller Websites haben mindestens ein Formular ohne korrekte Labels, und 33,1 % aller Eingabefelder sind betroffen (WebAIM 2026). Ein Placeholder-Text innerhalb des Felds reicht nicht als Label, da er beim Eingeben verschwindet und für Screenreader nicht zuverlässig als Beschriftung erkannt wird.

Prüfen Sie für jedes Formular in Ihrem Shop: Ist jedes Eingabefeld mit einem sichtbaren <label>-Element verknüpft? Werden Pflichtfelder sowohl visuell als auch programmatisch gekennzeichnet (z. B. über aria-required)? Sind Fehlermeldungen spezifisch – also nicht nur Eingabe ungültig, sondern Bitte geben Sie eine gültige E-Mail-Adresse ein? Werden Fehler inline am jeweiligen Feld angezeigt und nicht nur als allgemeine Meldung am Seitenanfang? Wird der Fokus nach dem Absenden auf die erste Fehlermeldung gesetzt, damit Screenreader-Nutzer den Fehler sofort finden?

Häufige BFSG-Verstöße mit konkreten Beispielen

Bei Online-Shops treten bestimmte Problemmuster häufig auf. Die folgenden Beispiele zeigen typische Verstöße und wie sie sich auswirken – sowohl für Nutzer mit Einschränkungen als auch hinsichtlich der rechtlichen Bewertung.

Diese Verstöße sind keine Randerscheinungen. Rund 70 % der digitalen Barrierefreiheits-Klagen in den USA richten sich gegen E-Commerce-Unternehmen (UsableNet 2025). Auch wenn das deutsche Recht andere Durchsetzungswege nutzt, zeigt die Tendenz klar: Online-Shops stehen im Fokus der Prüfer.

BFSG-Audit-Checkliste für Shop-Betreiber

Die folgende Checkliste deckt die wichtigsten Prüfpunkte eines BFSG-Audits ab. Nutzen Sie sie als Orientierung für eine erste Selbsteinschätzung – für eine an den Vorgaben ausgerichtete Bewertung empfehlen wir eine professionelle Beratung.

• Kontraste: Alle Texte erfüllen das Mindestverhältnis 4,5:1 (normaler Text) bzw. 3:1 (großer Text)
• Alternativtexte: Alle informativen Bilder haben beschreibende Alt-Texte, dekorative Bilder haben leere Alt-Attribute
• Formular-Labels: Jedes Eingabefeld ist mit einem sichtbaren Label verknüpft – Placeholder allein reicht nicht
• Tastaturnavigation: Alle Funktionen sind ohne Maus erreichbar, Tab-Reihenfolge ist logisch
• Fokus-Indikatoren: Sichtbare Fokus-Markierung bei Tastaturbedienung auf allen interaktiven Elementen
• Seitenstruktur: Überschriften-Hierarchie (H1–H6) ist logisch, keine übersprungenen Ebenen
• Fehlermeldungen: Formular-Fehler werden klar beschrieben und sind für Screenreader erfassbar
• Zeitlimits: Kein automatisches Timeout im Checkout ohne Verlängerungsmöglichkeit
• Bewegte Inhalte: Animationen und Autoplay-Videos können gestoppt werden
• Barrierefreiheitserklärung: Erklärung ist vorhanden, aktuell und über jede Seite erreichbar

Wen betrifft das BFSG – und wer ist ausgenommen?

Das BFSG gilt grundsätzlich für alle Unternehmen, die digitale Produkte oder Dienstleistungen an Verbraucher anbieten. Das schließt Online-Shops, Buchungsportale, Banking-Dienste und digitale Medien ein.

Wichtig: Auch wenn ein Shop unter die Kleinstunternehmen-Ausnahme fällt, kann Barrierefreiheit aus geschäftlicher Sicht sinnvoll sein. 69 % der Online-Käufer mit Behinderung verlassen nicht-barrierefreie Websites sofort (Click-Away Pound 2019) – und 83 % beschränken ihren Einkauf auf bekannt barrierefreie Shops (Click-Away Pound 2019). Wer barrierefrei ist, gewinnt also Kunden, die anderen Shops entgehen.

Der Business-Case: Barrierefreiheit als Wachstumstreiber

Barrierefreiheit ist nicht nur eine rechtliche Pflicht – sie ist ein messbarer Wettbewerbsvorteil. Unternehmen, die Accessibility ernst nehmen, profitieren von höheren Conversions, besserem SEO und einer größeren Zielgruppe.

Die Zahlen bestätigen den Trend: 91 % der Befragten geben an, dass Barrierefreiheit die gesamte User Experience verbessert (Level Access). 90 % sagen zudem, sie verbessere die Kundenzufriedenheit (Level Access).

Zudem wird die Zielgruppe wachsen: Bis 2050 verdoppelt sich die Zahl der über 60-Jährigen weltweit auf 2,1 Milliarden (WHO). Altersbedingte Einschränkungen bei Sehkraft, Feinmotorik und Kognition machen Barrierefreiheit zum strategischen Thema für jeden Online-Händler.

Die Bedeutung des Themas spiegelt sich auch in der Branchenentwicklung wider: 82 % der Unternehmen integrieren inzwischen KI-Tools in ihre Barrierefreiheits-Strategien (Level Access) – von automatisierter Alt-Text-Generierung bis hin zu KI-gestützten Testverfahren. Das zeigt, dass Accessibility kein Nischenthema mehr ist, sondern im Mainstream der digitalen Entwicklung angekommen ist.

Für SEO ist Barrierefreiheit ebenfalls relevant: Saubere Seitenstruktur, korrekte Überschriften-Hierarchie, beschreibende Alt-Texte und semantisches HTML sind sowohl für Screenreader als auch für Suchmaschinen-Crawler essenziell. Shops, die ihr BFSG-Audit ernst nehmen, verbessern in der Regel gleichzeitig ihre organische Sichtbarkeit.

Barrierefreiheit nach Shopsystem

Die Ausgangssituation für ein BFSG-Audit hängt stark vom eingesetzten Shopsystem ab. Keines ist ab Werk vollständig barrierefrei – der Aufwand für die Optimierung variiert jedoch erheblich.

Tools und Werkzeuge für Accessibility-Tests

Für ein effizientes BFSG-Audit steht eine Vielzahl spezialisierter Werkzeuge zur Verfügung. Die folgende Übersicht zeigt bewährte Tools für verschiedene Prüfbereiche – von kostenlosen Browser-Erweiterungen bis zu professionellen Audit-Plattformen.

Wichtig: Kein einzelnes Tool deckt alle WCAG-Kriterien ab. Eine professionelle Audit-Strategie kombiniert mindestens einen automatisierten Scanner, manuelle Tastatur- und Screenreader-Tests sowie visuelle Kontrastprüfungen. Für größere Shops empfiehlt sich zusätzlich eine Monitoring-Lösung, die neue Seiten und Änderungen automatisch auf Regressionen prüft.

Von der Prüfung zur Umsetzung: Typische Maßnahmen

Nach dem Audit folgt die Umsetzung. Die identifizierten Barrieren werden nach Schweregrad priorisiert und systematisch behoben. Dabei unterscheiden wir zwischen Quick Wins und strukturellen Anpassungen:

• Quick Wins: Kontraste anpassen, fehlende Alt-Texte ergänzen, Formular-Labels verknüpfen, Sprach-Attribut setzen
• Mittlerer Aufwand: Fokus-Management implementieren, Skip-Links einbauen, ARIA-Rollen korrekt zuweisen, Fehlermeldungen verbessern
• Strukturelle Anpassungen: Tastaturnavigation für komplexe Komponenten (Mega-Menüs, Filter, Konfiguratoren), Checkout-Flow barrierefrei gestalten, PDF-Barrierefreiheit
• Begleitende Maßnahmen: Barrierefreiheitserklärung erstellen, Feedback-Mechanismus einrichten, interne Schulungen für Content-Redakteure

Der Zeitaufwand hängt von der Größe und Komplexität des Shops ab. Bei einem Shopware-Projekt mit 50–200 Seiten und modernem Theme ist für eine vollständige Optimierung in der Regel mit einigen Wochen zu rechnen; den Zeitrahmen legt das Audit fest. Bei Legacy-Systemen oder komplexen Individualentwicklungen kann der Aufwand höher ausfallen.

Konkrete Umsetzungsbeispiele

Damit die Maßnahmen greifbar werden, hier einige konkrete Beispiele aus der Praxis: Fokus-Indikatoren lassen sich mit einer einzigen CSS-Regel für alle interaktiven Elemente sichtbar machen – statt outline: none sollte ein deutlicher Fokus-Stil definiert werden, z. B. eine 2px-starke Kontur in der CI-Farbe. Skip-Links sind versteckte Links am Seitenanfang, die bei Tastaturfokus sichtbar werden und direkt zum Hauptinhalt springen – sie benötigen nur wenige Zeilen HTML und CSS.

Für Alt-Texte gilt: Produktbilder brauchen beschreibende Texte wie Blaues Damen-T-Shirt aus Bio-Baumwolle, Größe M statt img_12345.jpg oder Produktbild. Dekorative Elemente erhalten ein leeres alt-Attribut (alt=""), damit Screenreader sie überspringen. Bei Formular-Labels muss jedes Eingabefeld programmatisch mit seinem Label verknüpft sein – entweder über ein <label>-Element mit for-Attribut oder über aria-label bzw. aria-labelledby. Placeholder-Text allein ist kein Ersatz, da er beim Tippen verschwindet.

Barrierefreiheit nachhaltig sichern

Ein einmaliges Audit reicht nicht aus. Jedes Update, jeder neue Content und jede Design-Änderung kann neue Barrieren einführen. Nachhaltige Barrierefreiheit erfordert einen kontinuierlichen Prozess:

1. Automatisierte CI/CD-Tests: Barrierefreiheits-Checks in die Deployment-Pipeline integrieren
2. Regelmäßige manuelle Audits: Quartalsweise Screenreader- und Tastatur-Tests
3. Content-Richtlinien: Vorgaben für Alt-Texte, Überschriften-Hierarchie und Kontrastfarben
4. Schulungen: Entwickler, Designer und Content-Redakteure für Barrierefreiheit sensibilisieren
5. Monitoring: Barrierefreiheitserklärung jährlich aktualisieren, Nutzerfeedback auswerten

Ihr Weg zum barrierefreien Online-Shop

Das BFSG ist in Kraft, die ersten Abmahnungen sind verschickt, und die Marktaufsicht prüft aktiv. Gleichzeitig bietet Barrierefreiheit eine messbare Chance: mehr Kunden, höhere Conversions und ein geringeres Abmahnrisiko. Der erste Schritt ist ein professionelles Audit – denn nur wer die Lücken kennt, kann sie schließen.

Als erfahrene E-Commerce-Agentur verbinden wir technische Accessibility-Expertise mit Verständnis für die geschäftlichen Anforderungen unserer Kunden. Wir prüfen Ihren Shop, erstellen einen priorisierten Maßnahmenplan und setzen die Optimierung um – vom Quick Win bis zur strukturellen Anpassung.