Was regelt das BFSG?
Das BFSG definiert Barrierefreiheitsanforderungen für Produkte und Dienstleistungen, die nach dem 28. Juni 2025 auf den Markt gebracht oder erbracht werden. Im Bereich digitaler Dienstleistungen betrifft das Gesetz insbesondere Websites und mobile Anwendungen, die Verbraucherdienstleistungen anbieten. Die Anforderungen orientieren sich an der harmonisierten europäischen Norm EN 301 549, die wiederum auf den Web Content Accessibility Guidelines (WCAG) 2.1 auf Konformitätsstufe AA basiert.
Die Marktüberwachung erfolgt durch die Landesbehörden. Bei Verstößen drohen Bußgelder von bis zu 100.000 Euro. Zusätzlich können Wettbewerber und Verbraucherschutzverbände Unterlassungsansprüche geltend machen, was die Durchsetzung erheblich verschärft. Das BFSG ergänzt damit die bestehenden DSGVO-Compliance-Pflichten um eine weitere Dimension.
Wen betrifft das BFSG?
Das BFSG gilt für Wirtschaftsakteure, die Produkte und Dienstleistungen an Verbraucher anbieten. Im Bereich Websites und digitale Dienste sind insbesondere betroffen:
- E-Commerce: Online-Shops, die Waren oder Dienstleistungen an Endverbraucher verkaufen, einschließlich der gesamten Customer Journey von der Produktseite bis zum Checkout
- Bankdienstleistungen: Online-Banking, Finanzdienstleistungen und Zahlungsdienste für Verbraucher
- Telekommunikation: Websites und Apps von Telekommunikationsanbietern, einschließlich Selfservice-Portale und Vertragsmanagement
- E-Books und digitale Medien: Plattformen für digitale Publikationen, E-Reader-Software und Mediendienste
- Personenbeförderung: Buchungsportale und Informationssysteme für Reisen und Transport
- Messenger-Dienste und E-Mail: Kommunikationsdienste für Verbraucher
Kleinstunternehmen mit weniger als 10 Beschäftigten und höchstens 2 Millionen Euro Jahresumsatz sind bei Dienstleistungen ausgenommen. Die Ausnahme gilt jedoch nicht für Produkte. Zudem empfehlen Experten auch Kleinstunternehmen die Umsetzung, da Barrierefreiheit die Nutzerbasis erweitert und SEO-Vorteile bietet.
WCAG 2.1 AA: Der technische Standard
Die Web Content Accessibility Guidelines (WCAG) 2.1 auf Konformitätsstufe AA bilden den technischen Rahmen für die BFSG-Konformität. Sie basieren auf vier Grundprinzipien, die zusammen sicherstellen, dass Webinhalte für alle Menschen zugänglich sind.
Wahrnehmbar (Perceivable)
Inhalte müssen in verschiedenen Formen wahrnehmbar sein. Das bedeutet konkret: Alle Bilder benötigen aussagekräftige Alt-Texte oder sind als dekorativ gekennzeichnet (alt=""). Videos müssen Untertitel und idealerweise Audiodeskriptionen haben. Farbkontraste müssen mindestens 4,5:1 für normalen Text und 3:1 für großen Text (ab 18pt oder 14pt fett) betragen. Inhalte dürfen sich nicht ausschließlich auf Farbe stützen, um Information zu vermitteln.
Bedienbar (Operable)
Alle Funktionen müssen per Tastatur erreichbar sein. Navigation muss vorhersehbar sein, und Nutzer brauchen ausreichend Zeit für ihre Aktionen. Konkret: Jedes interaktive Element muss per Tab-Taste erreichbar sein und einen sichtbaren Fokusindikator haben. Dropdown-Menüs, Modale und Custom-Widgets müssen vollständig per Tastatur bedienbar sein. Es darf keine Tastaturfalle geben, aus der der Nutzer nicht per Tastatur entkommen kann.
Verständlich (Understandable)
Inhalte und Bedienung müssen verständlich sein. Formulare brauchen klare Beschriftungen und hilfreiche Fehlermeldungen. Die Sprache der Seite muss im HTML-lang-Attribut deklariert sein. Navigation und Seitenstruktur müssen konsistent sein. Fehlermeldungen müssen den Fehler beschreiben und einen Lösungsvorschlag bieten. Formularfelder müssen programmatisch verknüpfte Labels haben, nicht nur visuell platzierte Beschriftungen.
Robust
Inhalte müssen von verschiedenen Nutzeragenten, einschließlich assistiver Technologien wie Screenreadern, zuverlässig interpretiert werden können. Das erfordert valides, semantisches HTML, korrekte ARIA-Attribute (wenn native HTML-Elemente nicht ausreichen) und eine logische Dokumentstruktur mit korrekter Überschriftenhierarchie.
Die häufigsten Barrierefreiheits-Probleme
Fehlende Tastatur-Navigation
Viele Websites sind nur mit der Maus bedienbar. Dropdown-Menüs, die ausschließlich auf Hover reagieren, modale Dialoge ohne Fokus-Management und Custom-Widgets ohne Tastatur-Support schließen Nutzer aus, die keine Maus verwenden können. Das betrifft nicht nur Menschen mit motorischen Einschränkungen, sondern auch Power-User, die bevorzugt mit der Tastatur arbeiten.
Unzureichende Farbkontraste
Hellgraue Texte auf weißem Hintergrund mögen ästhetisch wirken, sind aber für Menschen mit Sehbeeinträchtigungen kaum lesbar. Laut einer Studie von WebAIM verfehlen 83,6 % aller Startseiten die WCAG-Kontrastanforderungen (WebAIM Million). Auch farbige Buttons mit weißem Text verfehlen häufig das geforderte Kontrastverhältnis von 4,5:1 für normalen Text. Prüfen Sie alle Texte mit einem Kontrastprüfer und korrigieren Sie unzureichende Werte.
Fehlende oder nichtssagende Alt-Texte
Bilder ohne Alt-Texte sind für Screenreader-Nutzer unsichtbar. Rein dekorative Bilder sollten ein leeres alt=""-Attribut haben, während informative Bilder eine Beschreibung benötigen, die den Inhalt vermittelt, nicht die Datei beschreibt. Alt-Texte wie Bild1.jpg oder Foto sind nicht hilfreich. Beschreiben Sie, was das Bild zeigt und warum es im Kontext relevant ist.
Fehlende Formular-Labels
Formulare ohne programmatisch verknüpfte Labels sind für Screenreader-Nutzer nicht bedienbar. Ein visuell neben dem Eingabefeld platzierter Text reicht nicht aus. Das <label>-Element muss über das for-Attribut mit der id des Eingabefelds verknüpft sein. Alternativ kann das Eingabefeld innerhalb des <label>-Elements stehen. Korrekte Formular-Labels sind auch für ein konformes Cookie-Consent-Management relevant, da der Cookie-Banner selbst barrierefrei sein muss.
Fehlende Überschriftenhierarchie
Überschriften müssen in einer logischen Hierarchie verwendet werden. Eine <h1> pro Seite, gefolgt von <h2>, <h3> und so weiter, ohne Ebenen zu überspringen. Screenreader-Nutzer navigieren häufig über die Überschriftenstruktur und sind auf eine korrekte Hierarchie angewiesen, um den Seiteninhalt zu erfassen.
Schritte zur BFSG-Konformität
1. Bestandsaufnahme durchführen
Erfassen Sie alle Seiten, Formulare, interaktiven Elemente und Multimedia-Inhalte Ihrer Website. Identifizieren Sie die Bereiche mit dem höchsten Handlungsbedarf. Typischerweise sind Navigation, Formulare und dynamische Inhalte wie Slider, Accordions und Tabs die größten Problemfelder. Automatisierte Barrierefreiheits-Scanner wie der in XICTRAQ integrierte Accessibility-Check geben einen ersten Überblick.
2. Nach Nutzereinfluss priorisieren
Nicht alle Barrierefreiheits-Probleme haben denselben Einfluss auf die Nutzererfahrung. Beginnen Sie mit den Barrieren, die den Zugang am stärksten einschränken: fehlende Tastatur-Navigation auf der Hauptnavigation und in Formularen, unzureichende Kontraste auf zentralen Seiten und fehlende Formular-Labels im Checkout-Prozess. Diese Maßnahmen haben den größten Effekt bei vergleichsweise geringem Aufwand.
3. Technische Umsetzung
Implementieren Sie die Korrekturen systematisch. Starten Sie mit dem semantischen HTML-Grundgerüst: korrekte Überschriftenhierarchie, <nav> für Navigation, <main> für Hauptinhalt, <aside> für Seitenleisten, <footer> für den Fußbereich. Ergänzen Sie ARIA-Attribute nur dort, wo native HTML-Elemente nicht ausreichen. Stellen Sie sicher, dass alle interaktiven Elemente per Tastatur erreichbar sind und einen sichtbaren Fokusindikator haben.
4. Inhalte barrierefrei gestalten
Barrierefreiheit betrifft nicht nur den Code. Texte sollten in einfacher, verständlicher Sprache verfasst sein. Absätze sollten kurz gehalten werden. Links müssen einen beschreibenden Text haben, der auch ohne den umgebenden Kontext verständlich ist, also nicht hier klicken oder mehr erfahren. Tabellen brauchen Kopfzeilen, die den Inhalt der Spalten und Zeilen beschreiben.
5. Testen und überwachen
Automatisierte Tests können etwa 30-40 % der WCAG-Anforderungen prüfen (Deque Systems). Dazu gehören Kontraste, Alt-Texte, ARIA-Attribute und Überschriftenhierarchie. Die restlichen 60-70 % erfordern manuelle Tests, insbesondere die Prüfung der Tastatur-Navigation, der semantischen Korrektheit und der Screenreader-Kompatibilität. Planen Sie beide Testarten ein.
Automatisierte Barrierefreiheitsprüfung mit XICTRAQ
XICTRAQ integriert automatisierte Barrierefreiheits-Prüfungen in sein Compliance-Modul. Bei jeder Prüfung werden die automatisch testbaren WCAG-Kriterien überprüft und Veränderungen gemeldet. Das System prüft unter anderem:
- Farbkontraste aller Text-Elemente gegen die WCAG 4,5:1 / 3:1 Schwellenwerte
- Vorhandensein und Qualität von Alt-Texten bei Bildern
- Korrekte Verknüpfung von Formular-Labels mit Eingabefeldern
- Logische Überschriftenhierarchie ohne übersprungene Ebenen
- ARIA-Attribute auf Korrektheit und Vollständigkeit
lang-Attribut im HTML-Element- Fokusindikatoren für interaktive Elemente
- Zoom-Verhalten bis 200 % ohne Funktionsverlust
Die Ergebnisse werden im Dashboard zusammengefasst und mit einem Accessibility-Score von 0 bis 100 bewertet. So erkennen Sie auf einen Blick, wo Ihre Website steht und wo Handlungsbedarf besteht. Bei Verschlechterungen nach einem Deployment werden Sie sofort benachrichtigt, damit Sie Barrierefreiheits-Regressionen frühzeitig beheben können.
Barrierefreiheit und SEO: Doppelter Nutzen
Barrierefreie Websites sind in der Regel technisch sauberer aufgebaut und damit auch besser für Suchmaschinen optimiert. Die Überschneidungen sind erheblich: Semantisches HTML hilft sowohl Screenreadern als auch Google-Crawlern, den Seiteninhalt zu verstehen. Klare Überschriftenhierarchien verbessern die Crawlbarkeit und die Nutzerführung. Beschreibende Alt-Texte ermöglichen die Indexierung von Bildinhalten. Korrekte lang-Attribute helfen Suchmaschinen bei der Sprachzuordnung.
Google hat 2024 bestätigt, dass Barrierefreiheitsfaktoren wie semantisches HTML und korrekte Dokumentstruktur indirekt in die Core Web Vitals einfließen. Investitionen in Barrierefreiheit zahlen sich daher doppelt aus: rechtliche DSGVO- und BFSG-Compliance und bessere Sichtbarkeit in Suchmaschinen. XICTRAQ liefert Ihnen beide Perspektiven in einem integrierten Dashboard, das Compliance-Status, Performance-Metriken und Accessibility-Score zusammenführt.
Barrierefreiheit als geschäftlicher Vorteil
Über die rechtliche Pflicht und die SEO-Vorteile hinaus erschließt Barrierefreiheit eine erhebliche Zielgruppe. In Deutschland leben 7,8 Millionen Menschen mit einer anerkannten Schwerbehinderung (Statistisches Bundesamt). Hinzu kommen Millionen Menschen mit leichten Einschränkungen, die von barrierefreien Websites profitieren: Senioren mit nachlassender Sehkraft, Menschen mit temporären Verletzungen oder Nutzer in herausfordernden Situationen wie grellem Sonnenlicht auf dem Smartphone-Display.
Barrierefreie Websites bieten zudem eine bessere Nutzererfahrung für alle Besucher. Klare Kontraste, verständliche Navigation, gut strukturierte Inhalte und bedienbare Formulare kommen jedem Nutzer zugute. Studien zeigen, dass barrierefreie E-Commerce-Websites höhere Konversionsraten erzielen, weil die Nutzererfahrung insgesamt besser ist (Nucleus Research). Die Investition in ein umfassendes Monitoring-Tool wie XICTRAQ ist dabei schnell amortisiert.
Übergangsfristen und Durchsetzung
Die BFSG-Anforderungen gelten seit dem 28. Juni 2025 für neue Produkte und Dienstleistungen. Für bestehende Dienstleistungen läuft eine Übergangsfrist, die es ermöglicht, bestehende Verträge bis zu ihrem Ablauf fortzuführen. Neue Versionen oder wesentliche Überarbeitungen bestehender Websites müssen jedoch die Anforderungen erfüllen.
Die Marktüberwachung erfolgt durch die Landesbehörden, die stichprobenartig und auf Beschwerden hin prüfen. Die Bußgeldrahmen reichen bis zu 100.000 Euro. Zusätzlich können Wettbewerber und Verbraucherschutzverbände Unterlassungsklagen einreichen, was die praktische Durchsetzung erheblich verschärft. Unternehmen sollten die Umsetzung daher nicht aufschieben, sondern proaktiv angehen.
Erklärung zur Barrierefreiheit
Website-Betreiber, die unter das BFSG fallen, sollten eine Erklärung zur Barrierefreiheit veröffentlichen. Diese Erklärung dokumentiert den aktuellen Stand der Barrierefreiheit, bekannte Einschränkungen, geplante Maßnahmen und einen Kontaktweg für Feedback. Für öffentliche Stellen ist eine solche Erklärung bereits nach der BITV 2.0 verpflichtend. Für privatwirtschaftliche Unternehmen ist sie nach BFSG nicht explizit vorgeschrieben, wird aber als Best Practice empfohlen und demonstriert das Engagement für Inklusion.
Checkliste: BFSG-Konformität erreichen
- Alle Bilder haben aussagekräftige Alt-Texte oder sind als dekorativ gekennzeichnet
- Farbkontraste erfüllen WCAG 4,5:1 (Text) und 3:1 (großer Text)
- Alle interaktiven Elemente sind per Tastatur erreichbar und bedienbar
- Formulare haben programmatisch verknüpfte Labels
- Überschriften folgen einer logischen Hierarchie (h1 > h2 > h3)
- Das
lang-Attribut ist im HTML-Element gesetzt - Fokusindikatoren sind auf allen interaktiven Elementen sichtbar
- Die Website ist bei 200 % Zoom vollständig nutzbar
- Videos haben Untertitel
- ARIA-Attribute werden korrekt und sparsam eingesetzt
- Navigation ist konsistent und vorhersehbar
- Fehlermeldungen in Formularen sind beschreibend und hilfreich
Häufig gestellte Fragen zum BFSG
Muss meine Website barrierefrei sein?
Welche Bußgelder drohen bei Verstößen gegen das BFSG?
Reicht ein automatisierter Test für BFSG-Konformität?
Was ist der Unterschied zwischen WCAG A, AA und AAA?
Wie hilft XICTRAQ bei der Barrierefreiheit?
Verbessert Barrierefreiheit mein Google-Ranking?
Dieser Artikel basiert auf Daten von: (Deque Systems), Core Web Vitals (Google), (Nucleus Research), (Statistisches Bundesamt), (WHO), (WebAIM).