Digitale Barrierefreiheit für Webseiten, Online-Shops und digitale Dienste
Das Barrierefreiheitsstärkungsgesetz (BFSG) verpflichtet viele Unternehmen dazu, ihre Webseiten, Online-Shops und digitalen Dienstleistungen barrierefrei zu gestalten. Ziel ist es, allen Menschen – unabhängig von Einschränkungen – einen gleichberechtigten Zugang zu digitalen Angeboten zu ermöglichen.
Auf dieser Seite findest Du:
- eine verständliche Einführung in das BFSG,
- alle relevanten Anforderungen an Webseiten,
- konkrete Hinweise für WordPress- und HTML-Webseiten,
- sowie Tools, Dienstleister und Prüfstellen, übersichtlich gebündelt in Tabellen.
Wichtiger Hinweis
Auch auf dieser Seite gilt:
Es findet keine Rechtsberatung statt. Die Inhalte dienen der technischen und organisatorischen Orientierung. Ob und in welchem Umfang Deine Webseite vom BFSG betroffen ist, solltest Du im Zweifel rechtlich prüfen lassen.
Was ist das Barrierefreiheitsstärkungsgesetz?
Das Barrierefreiheitsstärkungsgesetz setzt eine EU-Richtlinie um und verpflichtet bestimmte Unternehmen ab 28. Juni 2025, ihre digitalen Produkte und Dienstleistungen barrierefrei anzubieten.
Betroffen sind unter anderem:
- Webseiten und Online-Shops
- Buchungs- und Bestellsysteme
- Kundenportale
- Digitale Dienstleistungen im B2C-Bereich
Wer ist vom BFSG betroffen?
Du bist besonders betroffen, wenn Du:
- Produkte oder Dienstleistungen an Verbraucher (B2C) anbietest
- einen Online-Shop betreibst
- digitale Services wie Buchungen, Registrierungen oder Kundenkonten anbietest
Ausnahmen:
Kleinstunternehmen mit weniger als 10 Mitarbeitenden und weniger als 2 Mio. Euro Jahresumsatz können unter bestimmten Voraussetzungen ausgenommen sein.
Zentrale Anforderungen an barrierefreie Webseiten
Eine BFSG-konforme Webseite orientiert sich an den WCAG 2.1 (Level AA). Zu den wichtigsten Anforderungen gehören:
Wahrnehmbarkeit
- ausreichende Farbkontraste
- skalierbare Schriftgrößen
- Alternativtexte für Bilder
Bedienbarkeit
- vollständige Tastaturbedienung
- keine rein mausabhängigen Funktionen
- ausreichend Zeit für Eingaben
Verständlichkeit
- klare Navigation
- verständliche Texte
- eindeutige Formulare und Fehlermeldungen
Robustheit
- sauberes HTML
- Kompatibilität mit Screenreadern
- korrekte semantische Struktur
Technische Anforderungen im Überblick
- semantische HTML-Struktur (Überschriften, Listen, Labels)
- ARIA-Attribute bei komplexen Komponenten
- barrierefreie Formulare
- Videos mit Untertiteln
- keine automatisch startenden Inhalte ohne Kontrolle
- verständliche Fehlermeldungen
Barrierefreiheit für WordPress-Webseiten
Wenn Du WordPress nutzt, solltest Du besonders beachten:
- Verwendung eines barrierearmen oder barrierefreien Themes
- Einsatz geprüfter Plugins
- korrekte Überschriften-Hierarchie
- barrierefreie Menüs und Formulare
- regelmäßige Tests mit Screenreadern
Barrierefreiheit für HTML-Webseiten
Bei klassischen HTML-Webseiten ist wichtig:
- valider HTML-Code
- saubere semantische Auszeichnung
- Fokus-Steuerung für Tastatur-Nutzer
- klare Struktur ohne visuelle Abhängigkeiten
- ARIA nur gezielt und korrekt einsetzen
Prüf- & Analyse-Tools für Barrierefreiheit
Mit diesen Tools kannst Du Webseiten auf Barrierefreiheit testen.
Anbieterübersicht Analyse-Tools
| Link zum Anbieter | Beschreibung des Angebots |
|---|---|
| https://www.audioeye.com/de/ | Überprüfe die Barrierefreiheit Deiner Webseite |
| https://eye-able.com/de/kostenloser-website-barrierefreiheitstest | Wie barrierefrei ist Deine Webseite? |
| https://wave.webaim.org | Kostenloses Tool zur Analyse von Barrierefreiheitsproblemen |
| https://www.accessibilitychecker.org | Online-Check für WCAG- und BFSG-relevante Kriterien |
| https://www.deque.com/axe | Professionelles Accessibility-Test-Tool |
| https://validator.w3.org | HTML-Validierung als Grundlage für Barrierefreiheit |
Dienstleister für digitale Barrierefreiheit
Diese Anbieter unterstützen Dich bei Beratung, Audits und Umsetzung.
Anbieterübersicht Dienstleister
| Link zum Anbieter | Beschreibung des Angebots |
|---|---|
| https://www.aktion-mensch.de/inklusion/barrierefreiheit | Informationen und Förderprogramme zur digitalen Barrierefreiheit |
| https://www.bitvtest.de | Prüfverfahren nach BITV / WCAG |
| https://www.bundesfachstelle-barrierefreiheit.de | Zentrale Informationsstelle des Bundes |
Barrierefreiheitserklärung
Viele Webseiten benötigen zusätzlich eine Barrierefreiheitserklärung. Diese informiert:
- über den aktuellen Stand der Barrierefreiheit
- über bekannte Einschränkungen
- über Kontaktmöglichkeiten für Feedback
Die Erklärung sollte leicht auffindbar und verständlich formuliert sein.
Risiken bei Nichtbeachtung
Wenn Du das BFSG ignorierst, drohen:
- Abmahnungen
- Bußgelder
- Imageschäden
- Ausschluss von bestimmten Marktsegmenten
Fazit
Das Barrierefreiheitsstärkungsgesetz macht digitale Barrierefreiheit ab 2025 verbindlich.
Wer frühzeitig handelt, verbessert nicht nur die Rechtssicherheit, sondern auch Usability, SEO und Reichweite. Barrierefreie Webseiten sind besser nutzbar – für alle Menschen.