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 der einzige Weg, um Ihren Online-Shop rechtssicher aufzustellen und Bußgelder bis zu 100.000 € zu vermeiden.
Warum ein BFSG-Audit jetzt unverzichtbar ist
Das BFSG ist keine ferne Zukunftsmusik mehr — es ist geltendes Recht. 80 % der deutschen Online-Shops sind nach wie vor nicht barrierefrei (Aktion Mensch/Google). 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 (Ratgeberrecht.eu).
Gleichzeitig verpassen nicht-barrierefreie Shops ein enormes Marktpotenzial: 7,9 Millionen schwerbehinderte Menschen leben in Deutschland (Destatis) — 9,3 % der Bevölkerung. Weltweit sind es 1,3 Milliarden Menschen mit Behinderung, also 16 % der Weltbevölkerung (WHO). Die Kaufkraft behinderter Haushalte beträgt global 8 Billionen US-Dollar (Purple).
Im Sommer 2025 wurden die ersten wettbewerbsrechtlichen Abmahnungen wegen fehlender Barrierefreiheit verschickt. Kosten pro Abmahnung: 1.784,10 € + 490 € Analyse (Ratgeberrecht.eu). Bei Verstößen gegen das BFSG drohen zudem Bußgelder bis 100.000 € (BFSG §37).
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 lediglich 25–40 % der WCAG-Fehler (Government Digital Service) — die Mehrheit der Barrieren bleibt ohne manuelle Prüfung unsichtbar.
Technische Prüfung
Automatisierte WCAG-Scans, HTML-Semantik, ARIA-Validierung und Kontrastprüfung aller Seitentypen
Manuelle Expertentests
Tastaturnavigation, Screenreader-Kompatibilität, Fokus-Management und kognitive Zugänglichkeit
Rechtliche Bewertung
BFSG-Konformität, Barrierefreiheitserklärung und Dokumentation für Marktaufsichtsbehörden
Die häufigsten 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:
| Fehlertyp | Häufigkeit | Betroffene Nutzer |
|---|---|---|
| Kontrastfehler | 83,9 % aller Websites (WebAIM 2026) | Sehbehinderte, ältere Menschen |
| Fehlende Alt-Texte | 53,1 % (WebAIM 2026) | Blinde, Screenreader-Nutzer |
| Fehlende Formular-Labels | 51 % / 33,1 % der Felder (WebAIM 2026) | Screenreader-Nutzer, motorisch Eingeschränkte |
| Keine Tastaturnavigation | Nur 20 von 65 Top-Shops navigierbar (Aktion Mensch 2025) | Motorisch Eingeschränkte |
| Fehlende Fokus-Indikatoren | In >70 % der Shops fehlend | Tastatur-Nutzer |
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:
- Scope-Definition und Inventar: Alle Seitentypen des Online-Shops erfassen — Startseite, Kategorieseiten, Produktseiten, Warenkorb, Checkout, Kontaktformulare, Login-Bereich und Hilfe-Seiten
- Automatisierter Scan: WCAG-2.1-AA-konformer Scan aller erfassten Templates mit spezialisierten Tools — identifiziert typischerweise 25–40 % der Fehler (Government Digital Service)
- Manuelle Expertentests: Tastaturnavigation, Screenreader-Tests (NVDA, JAWS, VoiceOver), Kontrastprüfung, kognitive Zugänglichkeit und Responsiveness auf verschiedenen Endgeräten
- Priorisierung und Reporting: Klassifizierung aller gefundenen Fehler nach Schweregrad (kritisch, hoch, mittel, niedrig) mit konkreten Handlungsempfehlungen
- Umsetzung und Re-Audit: Behebung der identifizierten Barrieren durch erfahrene Frontend-Spezialisten, abschließende Prüfung und Erstellung der Barrierefreiheitserklärung
Automatisierte Scanner erkennen in der Regel nur 25–40 % aller WCAG-Fehler (Government Digital Service). Kontextabhängige Barrieren wie unlogische Tab-Reihenfolgen, irreführende Alternativtexte oder schlecht verständliche Fehlermeldungen erfordern manuelle Prüfung durch geschulte Experten.
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:
| Kriterium | Automatisierter Scan | Manuelles Experten-Audit |
|---|---|---|
| Erkennungsrate | 25–40 % der WCAG-Fehler | Bis zu 100 % der Fehler |
| Kontrastprüfung | Ja — zuverlässig | Ja — inkl. dynamischer Inhalte |
| Alt-Text-Qualität | Nur Vorhandensein prüfbar | Inhaltliche Qualität bewertbar |
| Tastaturnavigation | Eingeschränkt | Vollständige Prüfung |
| Screenreader-Kompatibilität | Nicht prüfbar | Tests mit NVDA, JAWS, VoiceOver |
| Kognitive Zugänglichkeit | Nicht prüfbar | Verständlichkeit, Fehlerbehandlung |
| Zeitaufwand | Minuten | Mehrere Tage |
| Rechtssicherheit | Keine Gewähr | Dokumentierte Prüfgrundlage |
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 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
In unserer Audit-Praxis sehen wir bei Online-Shops immer wieder die gleichen Problemmuster. 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.
| Verstoß | Typisches Beispiel | Auswirkung |
|---|---|---|
| Overlay-Widgets statt echter Barrierefreiheit | Accessibility-Plugin, das ein Menü zum Anpassen von Schriftgröße und Kontrast einblendet | Wird von Experten und Verbänden abgelehnt, behebt keine strukturellen WCAG-Fehler, kann sogar neue Barrieren erzeugen |
| Bilder im Checkout ohne Alt-Text | Zahlungssymbole (Kreditkarte, PayPal) als Grafik ohne Beschriftung | Screenreader-Nutzer können nicht erkennen, welche Zahlungsart sie auswählen |
| Farbabhängige Pflichtfeld-Kennzeichnung | Pflichtfelder nur durch rote Rahmen markiert, ohne Sternchen oder Texthinweis | Farbenblinde Nutzer können Pflichtfelder nicht identifizieren |
| Custom-Dropdown ohne ARIA | Gestylte Auswahlbox für Schuhgröße oder Farbe ohne role="listbox" und Tastatursteuerung | Screenreader und Tastatur-Nutzer können keine Variante auswählen |
| Auto-Carousel auf Startseite | Automatisch rotierende Banner ohne Pause-Button und ohne Tastatursteuerung | Motorisch eingeschränkte Nutzer können Inhalte nicht lesen, Screenreader verpassen Inhalte |
| Session-Timeout im Checkout | Warenkorb wird nach 15 Minuten ohne Vorwarnung geleert | Nutzer mit kognitiven Einschränkungen oder Screenreader-Nutzer benötigen mehr Zeit |
Diese Verstöße sind keine Randerscheinungen. 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 rechtssichere 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.
Kleinstunternehmen mit weniger als 10 Mitarbeitern und unter 2 Millionen Euro Jahresumsatz können von den Dienstleistungspflichten ausgenommen sein (BFSG). Produktpflichten gelten dennoch. Eine rechtliche Prüfung ist ratsam, denn die Ausnahme wird eng ausgelegt.
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) — und 83 % beschränken ihren Einkauf auf bekannt barrierefreie Shops (Click-Away Pound). 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.
Eine Fallstudie zeigt: Nach der Behebung von Barrierefreiheits-Problemen stieg die Conversion-Rate um 26 % und die Checkout-Rate um 21,9 % (Build Grow Scale). Laut Forrester bringt jeder in Barrierefreiheit investierte Dollar typischerweise 100 Dollar Rendite (Forrester).
Die Zahlen bestätigen den Trend: 91 % der Befragten geben an, dass Barrierefreiheit die gesamte User Experience verbessert (Level Access). Unternehmen mit vorbildlicher Accessibility erzielen im Durchschnitt 1,6-mal mehr Umsatz und 2,6-mal mehr Nettogewinn als der Branchendurchschnitt (Accenture). Der globale Markt für Barrierefreiheits-Software wächst von 897 Mio. US-Dollar (2025) auf voraussichtlich 1,89 Milliarden US-Dollar bis 2034 (Straits Research).
Zudem wird die Zielgruppe wachsen: Bis 2050 verdoppelt sich die Zahl der über 60-Jährigen weltweit auf 2,1 Milliarden (WHO/WEF). 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.
Shopware
Solide Basis im Storefront-Theme, aber Anpassungen bei Focus-Management, ARIA-Labels und Checkout nötig. Shopware-Accessibility erfordert Theme-Anpassungen.
WooCommerce
Stark Theme-abhängig. Viele beliebte Themes haben Kontrast- und Tastaturprobleme. 75,6 Fehler/Seite im Schnitt (WebAIM 2025). WooCommerce-Optimierung setzt qualitativ hochwertige Themes voraus.
Magento / Adobe Commerce
Komplexes Frontend mit 85,4 Fehlern/Seite (WebAIM 2025). Besonders Custom-Widgets und Checkout erfordern umfangreiche Anpassungen.
Shopify
69,6 Fehler/Seite (WebAIM 2025). Dawn-Theme bietet gute Grundlage, aber Third-Party-Apps können Barrierefreiheit beeinträchtigen.
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.
Automatisierte Scanner
axe DevTools, WAVE, Lighthouse Accessibility-Audit, Pa11y und ARC Toolkit prüfen WCAG-Kriterien automatisch. Erfassen typischerweise 25–40 % der Fehler (Government Digital Service), ideal als Erstanalyse.
Browser-Erweiterungen
HeadingsMap für Überschriften-Hierarchie, Colour Contrast Analyser für Kontrastprüfung, Web Developer Toolbar für Struktur-Checks und tota11y für eine schnelle Übersicht aller Barrierefreiheits-Probleme.
Screenreader
NVDA (Windows, kostenlos), JAWS (Windows, kommerziell), VoiceOver (macOS/iOS, integriert) und TalkBack (Android, integriert). Manuelle Tests mit mindestens zwei verschiedenen Screenreadern empfohlen.
Kontrast- und Farb-Tools
Chrome DevTools Kontrastprüfer, Stark-Plugin für Figma/Sketch, Sim Daltonism für Farbenblindheits-Simulation und der WebAIM Contrast Checker für schnelle Einzelprüfungen.
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 (1–3 Tage): Kontraste anpassen, fehlende Alt-Texte ergänzen, Formular-Labels verknüpfen, Sprach-Attribut setzen
- Mittlerer Aufwand (1–2 Wochen): Fokus-Management implementieren, Skip-Links einbauen, ARIA-Rollen korrekt zuweisen, Fehlermeldungen verbessern
- Strukturelle Anpassungen (2–4 Wochen): 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. Ein typisches Shopware-Projekt mit 50–200 Seiten und modernem Theme benötigt erfahrungsgemäß 4–8 Wochen für eine vollständige Optimierung. 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:
- Automatisierte CI/CD-Tests: Barrierefreiheits-Checks in die Deployment-Pipeline integrieren
- Regelmäßige manuelle Audits: Quartalsweise Screenreader- und Tastatur-Tests
- Content-Richtlinien: Vorgaben für Alt-Texte, Überschriften-Hierarchie und Kontrastfarben
- Schulungen: Entwickler, Designer und Content-Redakteure für Barrierefreiheit sensibilisieren
- Monitoring: Barrierefreiheitserklärung jährlich aktualisieren, Nutzerfeedback auswerten
Der effizienteste Ansatz: Barrierefreiheit von Anfang an in den Entwicklungsprozess integrieren. Automatisierte Accessibility-Tests in der CI/CD-Pipeline fangen Regressionen auf, bevor sie in Produktion gelangen. Auch gute UX-Design-Prinzipien unterstützen die Barrierefreiheit nachhaltig.
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 nachhaltige Rechtssicherheit. 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.
Dieser Artikel basiert auf Daten aus: WebAIM Million Report 2025/2026, Aktion Mensch/Google Accessibility Report, Destatis (Statistisches Bundesamt), WHO World Disability Report, Click-Away Pound Survey, Government Digital Service, Build Grow Scale Case Study, Forrester Research, Level Access Survey, Accenture Disability Inclusion Study, Straits Research, WHO/WEF Ageing Report, Purple Pound Research, Ratgeberrecht.eu, UsableNet 2025 Digital Accessibility Report. Die genannten Zahlen können je nach Zeitpunkt und Methodik variieren.
Die Kosten richten sich nach Umfang und Komplexität des Shops. Faktoren sind die Anzahl der Seitentypen, individuelle Komponenten und der aktuelle Zustand. Eine realistische Einschätzung ist erfahrungsgemäß erst nach einer Erstanalyse möglich. Kontaktieren Sie uns für eine individuelle Einschätzung.
In der Regel nicht. Automatisierte Scanner erkennen typischerweise nur 25–40 % der WCAG-Fehler (Government Digital Service). Kontextabhängige Probleme wie unverständliche Fehlermeldungen, schlechte Tab-Reihenfolgen oder irreführende Alt-Texte erfordern menschliche Bewertung.
Ein umfassendes Audit mit automatisierter und manueller Prüfung dauert üblicherweise 1–2 Wochen. Die anschließende Umsetzung der Maßnahmen kann je nach Umfang 4–8 Wochen in Anspruch nehmen.
Kleinstunternehmen mit weniger als 10 Mitarbeitern und unter 2 Millionen Euro Jahresumsatz können von den Dienstleistungspflichten ausgenommen sein (BFSG). Die Ausnahme wird jedoch eng ausgelegt — eine rechtliche Prüfung ist daher empfehlenswert.
Das BFSG verweist auf die harmonisierte europäische Norm EN 301 549, die sich an WCAG 2.1 Level AA orientiert. Das umfasst 50 Erfolgskriterien in den Bereichen Wahrnehmbarkeit, Bedienbarkeit, Verständlichkeit und Robustheit.
Ja. Im Rahmen eines vollständigen Audits erstellen wir eine rechtskonform formulierte Barrierefreiheitserklärung, die den aktuellen Konformitätsstatus, bekannte Einschränkungen und einen Feedback-Mechanismus dokumentiert — wie vom BFSG gefordert.