BFSG Web-Barrierefreiheit

Das Barrierefreiheitsstärkungsgesetz (BFSG) setzt die EU-Richtlinie 2019/882 — den European Accessibility Act (EAA) — in deutsches Recht um. Seit dem 28. Juni 2025 müssen digitale Produkte und Dienstleistungen die Anforderungen der harmonisierten Norm EN 301 549 erfüllen, die auf den WCAG 2.1 Level AA-Kriterien basiert. Bundesfachstelle Barrierefreiheit: BFSG Betroffen sind Online-Shops, SaaS-Plattformen, Banking-Apps und alle B2C-Dienste im digitalen Raum. Die Übergangsfrist ist abgelaufen, Audits laufen seit September 2025 — und die ersten Abmahnwellen sind bereits dokumentiert. Ratgeberrecht: Erste BFSG-Abmahnungen

Wer ist betroffen?

Das BFSG gilt für alle Wirtschaftsakteure, die digitale Produkte oder Dienstleistungen im B2C-Bereich anbieten — unabhängig von der Unternehmensgröße, sofern keine Kleinstunternehmen-Ausnahme (unter 10 Beschäftigte und unter 2 Mio. EUR Jahresumsatz bei Dienstleistungen) greift. BFSG-Gesetz.de: Volltext und Erläuterungen Konkret betroffen sind:

Online-Shops und E-Commerce-Plattformen (Produktdarstellung, Checkout, Kundenportale)
SaaS-Produkte mit Endnutzer-Schnittstellen (Dashboards, Self-Service-Portale)
Mobile Apps für Verbraucher
E-Banking und Finanzdienstleistungen
Telekommunikationsdienste und interaktive Medien

93%

der deutschen Websites haben signifikante Barrieren (DGfB-Analyse 2025)

56,1

Barrierefreiheitsfehler pro Seite im Durchschnitt (WebAIM Million 2026)

100.000€

Bußgeld pro Verstoß durch Marktüberwachungsbehörden

<0,5%

der Websites haben eine vorgeschriebene Barrierefreiheitserklärung

WCAG 2.1 AA: Die technische Grundlage

Die EN 301 549 — der harmonisierte europäische Standard für digitale Barrierefreiheit — integriert die WCAG 2.1 Level AA vollständig. ETSI: EN 301 549 v3 — Harmonised European Standard Die nächste Version EN 301 549 v4.1.1 soll 2026 erscheinen und wird WCAG 2.2 AA integrieren. GetWCAG: EAA und WCAG 2.2 Die vier Grundprinzipien:

Wahrnehmbar: Textalternativen für Bilder, Untertitel für Videos, ausreichender Farbkontrast (mindestens 4,5:1 für Fließtext)
Bedienbar: Vollständige Tastaturnavigation, keine Zeitlimits ohne Anpassungsmöglichkeit, sichtbarer Fokusstil
Verständlich: Klare Sprache, konsistente Navigation, Fehlererkennung mit Korrekturvorschlägen in Formularen
Robust: Kompatibilität mit assistiven Technologien (Screenreader, Braillezeilen), valides HTML, korrekte ARIA-Attribute

Die häufigsten Fehler — und warum KI-generierter Code besonders anfällig ist

Der WebAIM Million Report 2026 zeigt: Auf den Top-1.000.000-Homepages wurden 56,1 Millionen Barrierefreiheitsfehler erkannt — ein Anstieg von 10,1 % gegenüber 2025. WebAIM: The WebAIM Million 2026 Sechs wiederkehrende Fehlertypen verursachen 96 % aller erkannten Probleme: Cardan: WebAIM Million 2025 Analyse

Kontrastarmer Text — betrifft 79,1 % aller Seiten, durchschnittlich 29,6 Instanzen pro Seite
Fehlende Alt-Texte — auf 55,5 % der Seiten; bei 44 % davon sind verlinkte Bilder betroffen
Fehlende Formularbeschriftungen — 48,2 % der Seiten haben unbeschriftete Eingabefelder
Übersprungene Überschriftenebenen — auf 39 % aller Seiten
Fehlende Dokumentsprache — erschwert Screenreader die korrekte Sprachausgabe
Leere Links und Buttons — ohne erkennbaren Zweck für assistive Technologien

Vibe-Coded-Plattformen verschärfen das Problem. Wer einen KI-Prototyp produktionsreif machen will, sollte ihn in einem kostenlosen Plattform-Assessment auf Barrierefreiheit prüfen lassen. Eine ACM-Studie zeigt: KI-generierter Code von ChatGPT und GitHub Copilot weist systematische Barrierefreiheitsmängel auf — fehlende visuelle Fokusindikatoren (WCAG 2.4.7), nicht-tastaturzugängliche Elemente (WCAG 2.1.1) und fehlende semantische Strukturen (WCAG 1.3.1). ACM: Evaluating AI-Generated Web Code for Accessibility Compliance Die Komplexität moderner Seiten steigt dabei rasant: Die durchschnittliche Elementanzahl pro Seite stieg 2026 auf 1.437 — ein Anstieg von 22,5 % in nur einem Jahr. Mehr Komplexität korreliert direkt mit mehr Fehlern. WebAIM: The WebAIM Million 2026

Strafen und Durchsetzung

Neben der BFSG-Konformität müssen Webplattformen auch die NIS2-Cybersicherheitsanforderungen erfüllen — beide Regulierungen betreffen digitale Dienste im DACH-Raum. Das BFSG setzt auf eine doppelte Durchsetzung — behördlich und wettbewerbsrechtlich:

Behördliche Sanktionen (§ 37 BFSG):

Bußgelder bis 100.000 EUR pro Verstoß, abhängig von Art, Schwere, Dauer und Wiederholungsrisiko BFSG: § 37 Ordnungswidrigkeiten
Vertriebsverbote für nicht-konforme Produkte und Dienste
Die Bundesnetzagentur überwacht digitale Dienste; die Marktüberwachungsstelle der Länder (MLBF) in Magdeburg koordiniert die Prüfungen länderübergreifend HÄRTING: Market Monitoring Authority for BFSG

Wettbewerbsrechtliche Durchsetzung (§ 3a UWG):

BFSG-Verstöße können als unlauterer Wettbewerb eingestuft werden
Konkurrenten und Verbraucherschutzverbände können kostenpflichtige Abmahnungen aussprechen
Seit Sommer 2025 sind die ersten Abmahnwellen dokumentiert — Forderungen teils über 1.000 EUR pro Abmahnung Barrierefix: BFSG-Kontrollen 2026

Kriterium	Typische Vibe-Coded-Plattform	AnvilStack-Engineering
Farbkontrast	KI wählt Farben nach Ästhetik — Kontrast oft unter 4,5:1	Kontrastprüfung im Design-System verankert
Tastaturnavigation	Interaktive Elemente nur per Maus bedienbar	Vollständige Tastaturnavigation, sichtbarer Fokus
Screenreader	Fehlende oder falsche ARIA-Labels	Semantisches HTML, ARIA nur wo nötig
Formulare	Platzhalter statt Labels, keine Fehlermeldungen	Assoziierte Labels, Validierung, Korrekturhinweise
Barrierefreiheitserklärung	Fehlt komplett	Rechtskonform erstellt und verlinkt
Testverfahren	Kein Testing	Automatisiert + manuell mit Screenreader

Technische Anforderungen für SaaS-Plattformen

Neben den WCAG-Grundlagen verlangt die EN 301 549 von Webplattformen konkret: Deque: EN 301 549 Compliance

Barrierefreiheitserklärung: Öffentlich zugänglich, mit Kontaktmöglichkeit für Barrieremeldungen — fehlt bei weniger als 0,5 % der deutschen Websites AccessGO: 93% deutscher Websites nicht barrierefrei
Konsistente Navigation: Menüs, Breadcrumbs und Seitenstruktur müssen vorhersagbar sein
Fehlerbehandlung in Formularen: Fehler müssen identifiziert, beschrieben und mit Korrekturvorschlägen versehen werden
Zeitbasierte Medien: Videos mit Untertiteln, Audiodeskription wo inhaltlich erforderlich
Responsive Design: Inhalte müssen bei 200 % Zoom ohne Informationsverlust nutzbar bleiben
Bewegungsreduktion: prefers-reduced-motion Media-Query respektieren

Deutschland im europäischen Vergleich

Die Zahlen sind ernüchternd: Eine AccessiWay-Analyse ergab, dass Deutschland mit durchschnittlich 2,9 Barrieren pro Website die höchste Fehlerrate im europäischen Vergleich hat. Gisma: Accessibility Check 2026 — Germany Innerhalb eines Jahres stieg der Anteil vollständig barrierefreier Websites zwar von 6,53 % auf 11,84 % — dennoch erfüllt nur etwa jede achte Website die gesetzlichen Anforderungen. Bitkom hat einen Praxisleitfaden zur BFSG-Umsetzung veröffentlicht, der die Anforderungen für die Digitalwirtschaft konkretisiert. Bitkom: Praxisleitfaden BFSG-Umsetzung

Wie AnvilStack barrierefreie Plattformen baut

Wir nutzen KI-Tools für schnelles Prototyping — aber jede Zeile Code wird von Engineers geprüft, die Barrierefreiheit als Architekturentscheidung verstehen, nicht als nachträgliches Overlay:

Semantisches HTML als Grundlage: Korrekte Heading-Hierarchie, landmark-Elemente, native Formularelemente statt Custom-Widgets
Design-Token mit Kontrastgarantie: Farbsystem mit eingebauter WCAG-AA-Kontrastprüfung — Kontrastverletzungen werden im Build verhindert
Tastaturnavigation by Default: Focus-Management, Skip-Links und Tab-Reihenfolge sind Teil jeder Komponente
Automatisierte + manuelle Tests: axe-core im CI-Pipeline, ergänzt durch manuelles Screenreader-Testing (NVDA, VoiceOver)
Barrierefreiheitserklärung: Rechtskonform nach BFSG erstellt, mit Feedback-Mechanismus für Nutzer
Hetzner-Hosting (DE): Keine US-Tracker, keine Third-Party-Scripts, die Barrierefreiheit untergraben

In einem kostenlosen Erstgespräch bewerten wir Ihre Plattform auf BFSG-Konformität und zeigen, welche Barrieren kritisch sind — vom kostenlosen Assessment bis zur barrierefreien Produktionsplattform auf EU-souveräner Infrastruktur.

Erstgespräch buchen→