BFSG 2025: Was das Barrierefreiheitsstärkungsgesetz für Websites bedeutet

Seit dem 28. Juni 2025 gilt das Barrierefreiheitsstärkungsgesetz (BFSG) in Deutschland. Für Websitebetreiber bedeutet das: Digitale Angebote müssen barrierefrei sein - oder es drohen empfindliche Bußgelder. In diesem Leitfaden erfahren Sie, welche Anforderungen das BFSG stellt, wen es betrifft und wie Sie Ihre Website Schritt für Schritt anpassen. Wenn Sie direkt Unterstützung bei der technischen Umsetzung benötigen, werfen Sie einen Blick auf unsere Leistungen im technischen SEO.

Was ist das BFSG?

Das Barrierefreiheitsstärkungsgesetz (BFSG) ist die deutsche Umsetzung des European Accessibility Act (EAA) der Europäischen Union. Ziel des Gesetzes ist es, Menschen mit Behinderungen einen gleichberechtigten Zugang zu Produkten und Dienstleistungen zu ermöglichen - insbesondere im digitalen Raum.

Das BFSG verpflichtet Unternehmen, ihre digitalen Angebote so zu gestalten, dass sie für alle Menschen nutzbar sind. Dazu gehören Websites, Online-Shops, mobile Anwendungen und elektronische Dokumente. Die technische Grundlage bilden die Web Content Accessibility Guidelines (WCAG) in der Version 2.2, die international anerkannte Standards für Barrierefreiheit im Web definieren.

Gesetzliche Grundlagen

Das BFSG basiert auf der EU-Richtlinie 2019/882 und wurde am 16. Juli 2021 im Bundesgesetzblatt veröffentlicht. Es ergänzt bestehende Regelungen wie das Behindertengleichstellungsgesetz (BGG) und die Barrierefreie-Informationstechnik-Verordnung (BITV 2.0), die bisher primär für öffentliche Stellen galten. Mit dem BFSG wird die Barrierefreiheitspflicht erstmals umfassend auf den privaten Sektor ausgeweitet.

Die Zahlen sprechen für sich

Die Relevanz des Themas Barrierefreiheit wird durch aktuelle Statistiken unterstrichen:

Diese Zahlen verdeutlichen: Barrierefreiheit betrifft nicht nur eine kleine Randgruppe. Hinzu kommen Millionen Menschen mit temporären oder situativen Einschränkungen - etwa bei Sonneneinstrahlung auf dem Smartphone, bei gebrochenem Arm oder im höheren Alter.

Wen betrifft das BFSG?

Betroffene Unternehmen

Das BFSG gilt für alle Wirtschaftsakteure, die Produkte und Dienstleistungen auf dem deutschen Markt anbieten. Besonders betroffen sind:

• E-Commerce-Unternehmen: Online-Shops und Marktplätze, die Waren oder Dienstleistungen an Verbraucher verkaufen
• Finanzdienstleister: Banken, Versicherungen und Zahlungsdienstleister mit digitalen Angeboten
• Telekommunikationsanbieter: Unternehmen mit Websites, Apps oder digitalen Kommunikationsplattformen
• Medien- und Informationsdienstleister: E-Book-Anbieter, Streaming-Dienste und digitale Nachrichtenportale
• Dienstleister mit Online-Präsenz: Beratungsunternehmen, Agenturen und alle B2C-Dienstleister, die über eine Website Kunden gewinnen

Ausnahmen: Kleinstunternehmen

Das BFSG sieht eine Ausnahme für Kleinstunternehmen vor. Betriebe mit weniger als 10 Mitarbeitern und einem Jahresumsatz oder einer Jahresbilanzsumme von höchstens 2 Millionen Euro sind von den Anforderungen an Dienstleistungen befreit. Wichtig: Diese Ausnahme gilt ausschließlich für Dienstleistungen, nicht für Produkte. Zudem entbindet sie nicht von der grundsätzlichen Pflicht, Diskriminierung zu vermeiden.

Übergangsfristen

Für bestimmte Produkte und Dienstleistungen gelten Übergangsfristen:

• Selbstbedienungsterminals: Geräte, die vor dem 28. Juni 2025 in Betrieb genommen wurden, dürfen bis zum Ende ihrer wirtschaftlichen Nutzungsdauer weiterverwendet werden, maximal jedoch bis zum 27. Juni 2040.
• Laufende Dienstleistungsverträge: Verträge, die vor dem 28. Juni 2025 geschlossen wurden, können unverändert fortgeführt werden, maximal bis zum 27. Juni 2030.
• Websites und Apps: Hier gibt es keine Übergangsfrist. Die Anforderungen gelten seit dem 28. Juni 2025 vollumfänglich.

WCAG 2.2 Anforderungen

Die WCAG 2.2 bildet das technische Fundament für die Umsetzung des BFSG. Die Richtlinien sind in vier Grundprinzipien gegliedert, die unter dem Akronym POUR bekannt sind.

Wahrnehmbar (Perceivable)

Alle Inhalte müssen so dargestellt werden, dass sie von allen Nutzern wahrgenommen werden können - unabhängig von sensorischen Fähigkeiten.

• Alt-Texte für Bilder: Jedes informative Bild benötigt eine aussagekräftige Textalternative, die den Inhalt oder die Funktion des Bildes beschreibt
• Kontrastverhältnisse: Text muss ein Mindestkontrastverhältnis von 4,5:1 zum Hintergrund aufweisen (3:1 für großen Text ab 18pt oder 14pt fett)
• Untertitel und Audiodeskription: Videos benötigen Untertitel für gehörlose Nutzer und optional Audiodeskriptionen für blinde Nutzer
• Anpassbare Darstellung: Inhalte müssen ohne Informationsverlust in verschiedenen Darstellungen nutzbar sein (z. B. bei 200 % Zoom)

Bedienbar (Operable)

Alle Funktionen der Website müssen über verschiedene Eingabemethoden zugänglich sein.

• Tastaturnavigation: Jedes interaktive Element muss per Tastatur erreichbar und bedienbar sein, ohne dass der Fokus in einer Falle stecken bleibt
• Ausreichend Zeit: Nutzer müssen genügend Zeit haben, Inhalte zu lesen und Aktionen auszuführen. Zeitlimits müssen anpassbar sein
• Keine Anfallsauslöser: Inhalte dürfen keine Blitzeffekte mit mehr als drei Blitzen pro Sekunde enthalten
• Orientierungshilfen: Skip-Links, klare Überschriftenstruktur und sinnvolle ARIA-Landmarks erleichtern die Navigation. Weitere Details finden Sie in unserem Artikel zu ARIA Landmarks für Screenreader

Verständlich (Understandable)

Inhalte und Bedienung müssen für alle Nutzer nachvollziehbar sein.

• Einfache Sprache: Texte sollten klar und verständlich formuliert sein. Fachbegriffe werden erklärt
• Konsistente Navigation: Die Navigation verhält sich auf allen Seiten vorhersehbar und einheitlich
• Fehlervermeidung bei Formularen: Eingabefelder haben sichtbare Labels, Fehlermeldungen sind beschreibend und Nutzer erhalten Korrekturvorschläge
• Sprachauszeichnung: Die Dokumentsprache ist im HTML-Code korrekt angegeben (lang="de")

Robust

Inhalte müssen mit aktuellen und zukünftigen Hilfstechnologien kompatibel sein.

• Valides HTML: Sauberer, standardkonformer Code ohne Parsing-Fehler
• ARIA-Kompatibilität: Korrekte Verwendung von ARIA-Attributen, wo semantisches HTML nicht ausreicht
• Statusmeldungen: Dynamische Änderungen (z. B. Warenkorbaktualisierungen) werden programmatisch kommuniziert, sodass Screenreader sie ansagen können
• Kompatibilität mit Hilfstechnologien: Die Website funktioniert zuverlässig mit Screenreadern, Vergrößerungssoftware und Sprachsteuerung

WCAG-Konformitätsstufen im Vergleich

Die WCAG definiert drei Konformitätsstufen. Das BFSG verlangt mindestens die Stufe AA:

Konkrete Umsetzungsschritte

Die Umsetzung der Barrierefreiheit ist ein strukturierter Prozess. Die folgenden Schritte helfen Ihnen, Ihre Website systematisch anzupassen.

Accessibility Audit durchführen

Bevor Sie mit der Umsetzung beginnen, brauchen Sie eine Bestandsaufnahme. Ein umfassender Accessibility Audit deckt alle bestehenden Barrieren auf und liefert die Grundlage für Ihre Maßnahmenplanung. Prüfen Sie sowohl automatisiert (mit Tools wie axe oder Lighthouse) als auch manuell (Tastaturnavigation, Screenreader-Test).

Priorisierte Maßnahmenliste erstellen

Nicht alle Barrieren sind gleich schwerwiegend. Priorisieren Sie nach Schwere der Auswirkung und Häufigkeit der Nutzung. Kritische Barrieren, die den Zugang komplett blockieren (z. B. fehlende Tastaturnavigation in der Hauptnavigation), haben Vorrang vor kosmetischen Problemen.

Semantisches HTML verwenden

Semantisches HTML ist das Fundament jeder barrierefreien Website. Verwenden Sie native HTML-Elemente mit ihrer korrekten Bedeutung:

• <header>, <nav>, <main>, <footer> für die Seitenstruktur
• <h1> bis <h6> in logischer Reihenfolge ohne Ebenen zu überspringen
• <button> für Aktionen, <a> für Links
• <ul>, <ol> für Listen, <table> für tabellarische Daten

Tastaturnavigation sicherstellen

Testen Sie Ihre gesamte Website ausschließlich mit der Tastatur. Achten Sie auf:

• Tab-Reihenfolge: Stimmt die Reihenfolge der fokussierbaren Elemente mit der visuellen Reihenfolge überein?
• Fokus-Indikator: Ist der Fokus jederzeit sichtbar und deutlich erkennbar?
• Keine Tastaturfallen: Kann der Nutzer jedes Element auch wieder verlassen?
• Modale Dialoge: Wird der Fokus korrekt in und aus Modals bewegt?

Kontraste prüfen

Stellen Sie sicher, dass alle Texte die Mindestkontrastverhältnisse erfüllen:

• Normaler Text: Mindestens 4,5:1 zum Hintergrund
• Großer Text (ab 18pt oder 14pt fett): Mindestens 3:1 zum Hintergrund
• UI-Komponenten und Grafiken: Mindestens 3:1 zu angrenzenden Farben
• Platzhaltertext in Formularen: Erfüllt häufig nicht die Mindestanforderungen - verwenden Sie stattdessen sichtbare Labels

Alt-Texte für alle Bilder

Jedes Bild auf Ihrer Website benötigt eine angemessene Textalternative:

• Informative Bilder: Beschreiben Sie den Inhalt oder die Funktion
• Dekorative Bilder: Leeres alt-Attribut (alt="") und role="presentation"
• Komplexe Grafiken: Ausführliche Beschreibung im umgebenden Text oder über aria-describedby
• Verlinkbare Bilder: Der Alt-Text beschreibt das Linkziel, nicht das Bild

Formulare barrierefrei gestalten

Formulare sind häufig die kritischsten Konversionselemente einer Website:

• Jedes Eingabefeld hat ein sichtbares <label>, das programmatisch verknüpft ist
• Pflichtfelder sind sowohl visuell als auch programmatisch gekennzeichnet (aria-required="true")
• Fehlermeldungen sind spezifisch und erscheinen direkt beim betroffenen Feld
• Autocomplete-Attribute sind korrekt gesetzt (autocomplete="email", autocomplete="tel")

Responsive Design sicherstellen

Barrierefreiheit und Responsive Design gehen Hand in Hand:

• Inhalte sind bei 320 px Viewport-Breite ohne horizontales Scrollen nutzbar
• Bei 200 % Zoom gehen keine Inhalte oder Funktionen verloren
• Touch-Ziele sind mindestens 44 x 44 px groß
• Textabstände lassen sich ohne Funktionsverlust anpassen

Tools für Barrierefreiheits-Tests

Die folgenden Tools unterstützen Sie bei der Überprüfung Ihrer Website:

axe DevTools

Die Browser-Erweiterung von Deque Systems ist eines der zuverlässigsten automatisierten Test-Tools. Sie erkennt WCAG-Verstöße direkt im Browser und liefert konkrete Handlungsempfehlungen. Verfügbar für Chrome und Firefox.

Google Lighthouse

Lighthouse ist in die Chrome DevTools integriert und prüft neben Performance und SEO auch die Barrierefreiheit. Der Accessibility-Score gibt einen schnellen Überblick, ersetzt aber keinen manuellen Test. Lighthouse nutzt im Hintergrund ebenfalls die axe-Engine.

WAVE (Web Accessibility Evaluation Tool)

WAVE von WebAIM bietet eine visuelle Darstellung von Barrierefreiheitsproblemen direkt auf der Website. Besonders hilfreich für die Überprüfung von Überschriftenstruktur, ARIA-Labels und Kontrastverhältnissen.

Pa11y

Pa11y ist ein Open-Source-Tool für die Kommandozeile und eignet sich hervorragend für die Integration in CI/CD-Pipelines. Es ermöglicht automatisierte Tests bei jedem Deployment und stellt sicher, dass neue Barrieren frühzeitig erkannt werden.

BFSG und SEO: Gemeinsame Vorteile

Barrierefreiheit und Suchmaschinenoptimierung verfolgen ein gemeinsames Ziel: Inhalte für alle zugänglich und auffindbar zu machen. Die Überschneidungen sind erheblich:

• Semantisches HTML: Saubere Überschriftenstrukturen und logischer Dokumentenaufbau helfen sowohl Screenreadern als auch Suchmaschinen-Crawlern
• Alt-Texte: Beschreibende Textalternativen für Bilder verbessern die Bildersuche und die Zugänglichkeit gleichermaßen
• Seitentitel und Meta-Descriptions: Aussagekräftige Titel helfen bei der Orientierung und verbessern die Klickrate in den Suchergebnissen
• Ladezeiten: Schnelle Websites bieten eine bessere Erfahrung für alle Nutzer und werden von Google bevorzugt
• Mobile Nutzbarkeit: Responsive Design und ausreichend große Touch-Ziele sind für Mobile-First-Indexierung und Barrierefreiheit gleichermaßen relevant
• Strukturierte Daten: Schema.org-Auszeichnungen verbessern die maschinelle Lesbarkeit für Suchmaschinen und Hilfstechnologien

Investitionen in Barrierefreiheit sind daher keine reinen Kosten, sondern wirken sich positiv auf Ihre gesamte Online-Sichtbarkeit aus. Unternehmen, die ihre Websites barrierefrei gestalten, berichten regelmäßig von besseren Core Web Vitals, längerer Verweildauer und höheren Conversion-Raten.

Fazit

Das BFSG ist keine optionale Empfehlung, sondern geltendes Recht. Unternehmen, die ihre digitalen Angebote noch nicht barrierefrei gestaltet haben, sollten jetzt handeln. Die Umsetzung mag zunächst aufwendig erscheinen, bringt aber handfeste Vorteile: bessere Nutzererfahrung, höhere Reichweite, stärkere SEO-Performance und Rechtssicherheit.

Beginnen Sie mit einem Accessibility Audit, priorisieren Sie die Maßnahmen und setzen Sie diese schrittweise um. Sie müssen das nicht allein bewältigen - wir unterstützen Sie gerne bei der technischen Umsetzung. Erfahren Sie mehr über unsere Leistungen im technischen SEO oder nehmen Sie direkt Kontakt mit uns auf.

---

FAQ

Ab wann gilt das BFSG?

Das BFSG ist seit dem 28. Juni 2025 verbindlich in Kraft. Es gibt keine allgemeine Übergangsfrist für Websites und digitale Dienstleistungen. Lediglich für bestehende Dienstleistungsverträge, die vor dem Stichtag geschlossen wurden, gilt eine Übergangsfrist bis maximal zum 27. Juni 2030. Selbstbedienungsterminals dürfen bis längstens 2040 weiterverwendet werden.

Was passiert bei Nichteinhaltung?

Die Marktüberwachungsbehörden der einzelnen Bundesländer sind für die Durchsetzung zuständig. Bei Verstößen drohen Bußgelder von bis zu 100.000 Euro. Darüber hinaus können Behörden die Bereitstellung nicht konformer Produkte und Dienstleistungen untersagen. Verbraucherschutzverbände können zudem Unterlassungsklagen einreichen. In der Praxis ist auch mit Reputationsschäden zu rechnen, wenn ein Unternehmen öffentlich wegen mangelnder Barrierefreiheit kritisiert wird.

Ist mein Unternehmen betroffen?

Wenn Sie Produkte oder Dienstleistungen an Verbraucher (B2C) anbieten und mehr als 10 Mitarbeiter beschäftigen oder einen Jahresumsatz von über 2 Millionen Euro erzielen, ist Ihr Unternehmen mit hoher Wahrscheinlichkeit betroffen. Dies gilt insbesondere für E-Commerce, Finanzdienstleistungen, Telekommunikation und alle Unternehmen mit einem digitalen Dienstleistungsangebot. B2B-Unternehmen sind nur betroffen, wenn sie auch Endverbraucher ansprechen.

Welches WCAG-Level muss ich erreichen?

Das BFSG verlangt die Einhaltung der WCAG 2.2 auf Konformitätsstufe AA. Diese Stufe umfasst automatisch alle Kriterien der Stufe A. Die Stufe AAA ist nicht gesetzlich vorgeschrieben, wird aber für besonders inklusive Angebote empfohlen. In der Praxis bedeutet Level AA unter anderem: Kontrastwerte von mindestens 4,5:1 für normalen Text, vollständige Tastaturzugänglichkeit, Anpassbarkeit der Darstellung bis 200 % Zoom und barrierefreie Formulare.

Wie viel kostet eine barrierefreie Website?

Die Kosten hängen stark vom aktuellen Zustand Ihrer Website ab. Ein Accessibility Audit als Ausgangspunkt kostet je nach Umfang zwischen 500 und 3.000 Euro. Die anschließende Umsetzung variiert erheblich: Kleinere Websites mit wenigen Seiten können oft mit 2.000 bis 5.000 Euro barrierefrei gestaltet werden. Bei größeren Websites, Online-Shops oder Webanwendungen können die Kosten deutlich höher liegen. Langfristig ist es am wirtschaftlichsten, Barrierefreiheit von Anfang an in den Entwicklungsprozess zu integrieren, anstatt nachträglich anzupassen.