Blog
Accessibility-Guide: So machst du deine Website BFSG-konform
Kira Stürzer
Kira Stürzer
  |  
8.5.2026
  |  
10 Minuten Lesezeit

Accessibility-Guide: So machst du deine Website BFSG-konform

Seit dem 28. Juni 2025 ist Web-Barrierefreiheit in Deutschland gesetzliche Pflicht. Das BFSG droht mit Bußgeldern bis 100.000 Euro — und 95,9 % aller Websites weltweit scheitern noch an den WCAG-Anforderungen. Dieser Guide zeigt dir klare Schritte und Sofortmaßnahmen, die wirklich helfen.

Das Wichtigste in Kürze

  • BFSG seit 28. Juni 2025 in Kraft: Bußgelder bis 100.000 Euro — Ausnahme nur für Kleinstunternehmen mit weniger als 10 MA und unter 2 Mio. Euro Jahresumsatz (BMAS, 2025)
  • 95,9 % aller Websites weltweit haben WCAG-Verstöße — im Schnitt 56 Fehler pro Seite (WebAIM, 2026)
  • +23 % organischer Traffic und +15 % Conversion Rate bei barrierefreien Websites (Accessibility.Works, 2025)
  • 96 % aller Fehler fallen in sechs Kategorien: Kontrast, Alt-Texte, Formular-Labels, leere Links, leere Buttons, fehlende Dokumentsprache
  • Widgets wie UserWay, AccessiWay und AccessGO helfen — ersetzen aber keine saubere Code-Basis

Was ist das BFSG — und wen betrifft das Gesetz?

Seit dem 28. Juni 2025 ist das Barrierefreiheitsstärkungsgesetz (BFSG) in Deutschland in Kraft. Es setzt die EU-Richtlinie European Accessibility Act (EAA) in nationales Recht um — und macht Web-Barrierefreiheit für weite Teile der Privatwirtschaft zur gesetzlichen Pflicht. Bei Verstößen drohen Bußgelder bis 100.000 Euro sowie Abmahnungen und Vertriebsverbote (BMAS, 2025).

Das Gesetz betrifft Unternehmen, die bestimmte digitale Produkte und Dienstleistungen anbieten: Online-Shops, Banking-Apps, Telekommunikationsdienste, E-Reader, Selbstbedienungsterminals und mehr. Die wichtigste Ausnahme: Kleinstunternehmen mit weniger als 10 Mitarbeitenden und einem Jahresumsatz unter 2 Millionen Euro sind von den Dienstleistungsanforderungen befreit — ihre Produkte müssen trotzdem den Standards entsprechen.

Technische Grundlage ist die harmonisierte EU-Norm EN 301 549, die auf den WCAG 2.1-Richtlinien (Level AA) basiert. Bis 2030 gilt für bestehende Dienstleistungen eine Übergangsfrist — neue Websites und Apps müssen aber jetzt schon konform sein.

Das BFSG ist seit dem 28. Juni 2025 in Kraft und setzt den European Accessibility Act (EAA) um. Betroffene Unternehmen müssen WCAG-2.1-AA-Standards einhalten. Bei Verstößen drohen Bußgelder bis 100.000 Euro. Ausgenommen sind Kleinstunternehmen mit weniger als 10 Mitarbeitenden und unter 2 Millionen Euro Jahresumsatz (BMAS, 2025).

Warum Barrierefreiheit auch ohne Gesetz wirtschaftlich sinnvoll ist

Eine Studie von Accessibility.Works (2025) analysierte 10.000 Websites und kam zu einem klaren Ergebnis: Websites, die ihre Barrierefreiheit verbesserten, erzielten im Schnitt 23 % mehr organischen Traffic und 15 % höhere Conversion Rates als nicht-konforme Wettbewerber. Barrierefreiheit ist kein Kostenfaktor — sie ist ein Wettbewerbsvorteil.

In Deutschland leben 7,9 Millionen schwerbehinderte Menschen — das sind 9,3 % der Gesamtbevölkerung (Destatis, 2024). Hinzu kommen Millionen älterer Menschen, die von größeren Schriften, besseren Kontrasten und einfacher Navigation profitieren. Wer diese Nutzergruppen ausschließt, verliert potenzielle Kunden.

Auch für SEO zahlt sich Barrierefreiheit aus. Semantisches HTML, aussagekräftige Alt-Texte, klare Überschriftenstrukturen und schnelle Ladezeiten verbessern gleichzeitig die Crawlbarkeit für Suchmaschinen. Google und Screenreader lösen dasselbe Problem auf dieselbe Art.

Barrierefreiheits-Optimierungen liefern messbaren ROI: Konforme Websites erzielten 23 % mehr organischen Traffic, 27 % mehr organische Keywords und einen 19 % höheren SEMrush-Authority-Score — zusätzlich zur reduzierten rechtlichen Haftung unter dem BFSG (Accessibility.Works, 2025).

Wie schlecht ist der Status quo? Der WebAIM-Report als Weckruf

95,9 % aller getesteten Websites weltweit haben nachweisbare WCAG-2-Verstöße — im Schnitt 56 Fehler pro Seite, ein Anstieg von 10 % gegenüber 2025. Das zeigt der WebAIM Million Report 2026, der jährlich die Barrierefreiheit der meistbesuchten Millionen Websites analysiert (WebAIM, 2026). Fazit: Fast keine Website ist wirklich barrierefrei.

Was ist das Problem? 96 % aller Fehler fallen in genau sechs Kategorien — seit sieben Jahren in Folge:

  • Zu geringer Farbkontrast (83,9 % aller Seiten) — WCAG fordert mindestens 4,5:1 für normalen Text
  • Fehlende Alt-Texte (53,1 %) — Bilder ohne Beschreibung sind für Screenreader-Nutzer unsichtbar
  • Fehlende Formular-Labels (51 %) — Eingabefelder ohne Label sind für assistive Technologien nicht bedienbar
  • Leere Links (46,3 %) — Linktext ohne Kontext sagt Screenreadern nichts
  • Leere Buttons (30,6 %) — Icons ohne Label sind für Tastaturnutzer unsichtbar
  • Fehlende Dokumentsprache (13,5 %) — ohne lang-Attribut weiß der Browser nicht, in welcher Sprache vorgelesen werden soll

Der WebAIM Million Report 2026 analysierte 1 Million Websites: 95,9 % hatten WCAG-2-Verstöße, im Schnitt 56 Fehler pro Seite. Die sechs häufigsten Fehlertypen — darunter Kontrast (83,9 %) und fehlende Alt-Texte (53,1 %) — machen 96 % aller Fehler aus und sind seit sieben Jahren unverändert dominant (WebAIM, 2026).

Schnelle technische Verbesserungen, die sofort helfen

Nicht jede Website braucht ein komplettes Redesign, um barrierefrei zu werden. Mit gezielten Korrekturen an den häufigsten Schwachstellen lässt sich der Großteil der WCAG-Fehler schnell beheben — und diese Maßnahmen verbessern gleichzeitig SEO, Core Web Vitals und allgemeine Nutzerfreundlichkeit.

Farbkontraste optimieren

  • WCAG-AA-Standard: mindestens 4,5:1 für normalen Text, 3:1 für großen Text (ab 18px bold oder 24px regular)
  • Besonders relevant für Buttons, Links, Platzhaltertext und Body-Copy
  • Kostenloses Tool: WebAIM Contrast Checker

Alt-Texte für alle Bilder ergänzen

  • Jedes informative Bild braucht einen beschreibenden Alt-Text
  • Dekorative Bilder: alt="" setzen — Screenreader überspringen sie dann
  • Logos, Charts, Infografiken: besonders sorgfältig beschreiben

Sauberes semantisches HTML

  • Klare Überschriftenstruktur (H1 → H2 → H3, keine Sprünge)
  • Landmarks nutzen: nav, main, header, footer
  • Alle Formularfelder mit label-Element verknüpfen
  • Dokumentsprache setzen: html lang="de"

Tastaturnavigation sicherstellen

  • Alle interaktiven Elemente per Tab erreichbar?
  • Fokus-Indikator sichtbar (kein outline: none)
  • Modals und Dropdowns per Tastatur schließbar

Aus Accessibility-Audits über mehrere Projekte hinweg wissen wir: Die meisten Websites scheitern an denselben vier Punkten — Kontrast, Alt-Texte, Formular-Labels und Tastaturnavigation. Wer diese vier Bereiche konsequent behebt, erreicht in der Regel einen Lighthouse-Accessibility-Score über 90 und erfüllt damit den Großteil der WCAG-2.1-AA-Anforderungen, die das BFSG vorschreibt.

Widget-Vergleich: UserWay, AccessiWay und AccessGO

Accessibility-Widgets bieten einen schnellen Einstieg: Ein JavaScript-Snippet einbinden, ein Icon erscheint am Bildschirmrand — Nutzer können die Darstellung individuell anpassen. Kein Widget ersetzt eine saubere technische Basis, aber als Ergänzung können sie sinnvoll sein. Hier ist der direkte Vergleich der drei bekanntesten Lösungen für den deutschen Markt.

UserWay — Internationaler Anbieter mit umfangreicher Funktionspalette

Stärken:

UserWay ist weltweit einer der bekanntesten Anbieter. Das Widget bringt über 100 Funktionen mit — und die Integration ist einfach: Script einbauen, aktivieren, fertig. Für viele CMS wie WordPress gibt es fertige Plugins.

UserWay orientiert sich an internationalen Standards wie WCAG, ADA und Section 508 — gut für Websites mit internationalem Publikum, besonders wenn die USA ein wichtiger Markt sind.

Schwächen:

Die große Stärke ist zugleich eine Schwäche: Mehr als 100 Optionen überfordern Nutzer schnell. In der Praxis werden 3–5 Funktionen genutzt — der Rest bleibt ungenutzt. UserWay ist stark US-zentriert — klare Aussagen zur BFSG-Konformität oder EN 301 549 fehlen oft. Wie alle Widgets: Es handelt sich um ein Overlay, das keine strukturellen Code-Probleme löst.

UserWay.org entdecken

AccessiWay — Europäischer Anbieter mit starkem KI-Fokus

Stärken:

AccessiWay setzt auf Künstliche Intelligenz: Das Tool durchsucht automatisch deine Website, erkennt Barrieren und korrigiert sie. Es kombiniert Widget und Analyse-Software im Hintergrund — ein technisch fortgeschrittener Ansatz. Europa-Bonus: Mit Standorten in Italien, Deutschland und Frankreich kennt AccessiWay die Anforderungen europäischer Märkte besonders gut.

Schwächen:

Das Widget allein ist keine Garantie für vollständige Barrierefreiheit. Viele Funktionen sind Overlay-basiert. Der Funktionsumfang kann komplex wirken — für kleinere Websites oft überdimensioniert.

AccessiWay entdecken

AccessGO — Deutsche Lösung speziell für KMU

Stärken:

AccessGO hat ein anderes Mindset: Nicht möglichst viele Funktionen, sondern: Wie erfülle ich gesetzliche Anforderungen einfach, verständlich und zuverlässig? Entwickelt für den deutschen und europäischen Markt — mit expliziter Ausrichtung auf WCAG, EN 301 549 und das BFSG. In Deutschland entwickelt und gehostet — keine US-Server, keine rechtlichen Unsicherheiten.

Schwächen:

Klar auf Compliance ausgerichtet — weniger emotional für Marken, die Barrierefreiheit aktiv kommunizieren wollen. Wie alle Widgets: Strukturelle Code-Probleme müssen direkt im Quellcode behoben werden.

AccessGO entdecken

Widgets allein reichen nicht — was echte Barrierefreiheit ausmacht

Alle drei Widgets verbessern deine Website. Aber kein Overlay ersetzt eine solide technische Basis. Was direkt im Code gebraucht wird:

  • Saubere Headline-Struktur (H1 → H2 → H3)
  • ARIA-Landmarks (role="main", aria-label, aria-describedby)
  • Verständliche Linktexte — kein Hier klicken oder Mehr lesen
  • Korrektes, valides HTML
  • Kontraste gemäß WCAG AA (4,5:1)
  • Nutzbare Tastaturnavigation mit sichtbaren Fokus-Indikatoren

Ein Widget ist ein Booster, kein Ersatz. Saubere Code-Basis plus Widget — das ist die optimale Kombination.

Automatisiertes Barrierefreiheits-Audit — so findest du Probleme systematisch

Bevor du optimierst, musst du wissen, wo du stehst. Automatisierte Audits decken bis zu 30–40 % aller Barrierefreiheitsprobleme auf — für den Rest braucht es manuelle Tests.

Lighthouse (Chrome DevTools)

  • Kostenlos, direkt im Browser verfügbar — kein Install nötig
  • Prüft: Farbkontraste, Alt-Texte, ARIA-Attribute, Überschriftenstruktur, HTML-Semantik
  • Score von 0 bis 100 — gut für einen ersten Überblick

SEMrush — Accessibility Scan & Monitor

  • Automatisierte WCAG-2.1-Audits mit fortlaufendem Monitoring
  • Priorisierte Fehler-Klassifizierungen mit konkreten Handlungsempfehlungen
  • Ideal für Teams, die SEO und Accessibility gemeinsam managen

Scanner in Accessibility-Widgets

Viele Anbieter — zum Beispiel AccessiWay — bieten kostenlose Scanner für eine schnelle erste Einschätzung: sofortige Seitenanalyse, PDF-Berichte oder Dashboard-Übersichten. Für gesetzliche Konformität: automatische Scans durch manuelle Tests ergänzen.

Jetzt handeln — bevor die erste Abmahnung kommt

Das BFSG ist seit dem 28. Juni 2025 in Kraft. Wer nicht handelt, riskiert Bußgelder bis 100.000 Euro, Abmahnungen und Reputationsschäden — und verliert gleichzeitig einen wachsenden Nutzerkreis.

Du weißt nicht, wo deine Website heute steht? Wir helfen dir mit einem Accessibility-Audit, einer konkreten Prioritätenliste und der technischen Umsetzung.

Jetzt Barrierefreiheits-Check anfragen

Jetzt Barrierefreiheits-Check anfragen

Du weißt nicht, wo deine Website heute steht? Webnique hilft dir mit einem Accessibility-Audit, einer konkreten Prioritätenliste und der technischen Umsetzung.
Jetzt anfragen
Häufig gestellte Fragen

FAQs

Ab wann gilt das BFSG für meine Website?

Das BFSG ist am 28. Juni 2025 in Kraft getreten. Neue digitale Produkte und Dienstleistungen müssen ab diesem Datum barrierefrei sein. Für bestehende Dienstleistungen gilt eine Übergangsfrist bis 2030. Ausnahmen gelten für Kleinstunternehmen mit weniger als 10 Mitarbeitenden und unter 2 Millionen Euro Jahresumsatz.

Was sind die Konsequenzen bei Nichtefüllung des BFSG?

Bei Verstößen drohen Bußgelder bis zu 100.000 Euro, Abmahnungen durch Wettbewerber oder Verbraucherschutzverbände sowie Vertriebsverbote für betroffene Produkte. Die Aufsicht liegt bei den Marktüberwachungsbehörden der Bundesländer.

Reicht ein Accessibility-Widget, um BFSG-konform zu sein?

Nein. Ein Accessibility-Widget ergänzt, ersetzt aber keine saubere technische Basis. Widgets sind Overlays, die strukturelle Code-Probleme nicht beheben — fehlende Alt-Texte, fehlerhafte Formular-Labels und Tastaturnavigation müssen direkt im Quellcode gefixt werden. Nur die Kombination aus solidem Code und optionalem Widget führt zu echter WCAG-Konformität.

Was sind die häufigsten Accessibility-Fehler auf Websites?

Laut WebAIM Million Report 2026 fallen 96 % aller Fehler in sechs Kategorien: zu geringer Farbkontrast (83,9 %), fehlende Alt-Texte (53,1 %), fehlende Formular-Labels (51 %), leere Links (46,3 %), leere Buttons (30,6 %) und fehlende Dokumentsprache (13,5 %). Diese sechs Fehlertypen sind seit sieben Jahren unverändert die häufigsten.

Verbessert Barrierefreiheit auch das SEO-Ranking?

Ja, indirekt. Semantisches HTML, aussagekräftige Alt-Texte und klare Überschriftenstrukturen verbessern gleichzeitig die Crawlbarkeit für Suchmaschinen. Eine Studie von Accessibility.Works (2025) zeigt: Barrierefreie Websites erzielen im Schnitt 23 % mehr organischen Traffic als nicht-konforme Seiten.