Das Barrierefreiheitsstärkungsgesetz (BFSG) verpflichtet seit dem 28. Juni 2025 alle Unternehmen, die Produkte oder Dienstleistungen im elektronischen Geschäftsverkehr anbieten, zur digitalen Barrierefreiheit nach WCAG 2.1 AA. Ausgenommen sind nur Kleinstunternehmen mit unter 10 Beschäftigten und unter 2 Millionen Euro Umsatz im Dienstleistungsbereich. Bei Verstößen drohen Bußgelder bis zu 100.000 Euro und die Untersagung des Online-Angebots. Wer einen Online-Shop, ein Buchungssystem oder ein digitales Dienstleistungsportal betreibt, muss jetzt handeln.
Wen betrifft das BFSG?
Das BFSG gilt für alle Unternehmen, die Produkte oder Dienstleistungen im elektronischen Geschäftsverkehr anbieten - unabhängig von der Unternehmensgröße. Online-Shops, Buchungsplattformen, Banking-Apps, E-Book-Dienste und interaktive Dienstleistungsportale fallen eindeutig unter das Gesetz. Ausgenommen sind lediglich Kleinstunternehmen mit weniger als 10 Beschäftigten und einem Jahresumsatz unter 2 Millionen Euro - allerdings nur im Bereich der Dienstleistungen, nicht bei Produkten.
Für KMU in der Praxis bedeutet das: Wenn Sie einen Online-Shop betreiben, Termine online buchbar machen oder digitale Dienstleistungen anbieten, müssen Sie handeln. Reine Unternehmens-Websites ohne Transaktionsfunktion sind derzeit nicht direkt betroffen - allerdings wird erwartet, dass die Anforderungen mittelfristig ausgeweitet werden. Zudem verbessert Barrierefreiheit die Nutzererfahrung für alle Besucher, nicht nur für Menschen mit Einschränkungen.
Welche technischen Anforderungen gelten?
Der technische Standard hinter dem BFSG ist die WCAG 2.1 auf Konformitätsstufe AA (Web Content Accessibility Guidelines). Diese Richtlinien definieren vier Grundprinzipien: Wahrnehmbarkeit, Bedienbarkeit, Verständlichkeit und Robustheit. Für die praktische Umsetzung auf Websites ergeben sich daraus konkrete Anforderungen.
- Alle Inhalte müssen per Tastatur bedienbar sein (keine Maus-only-Funktionen)
- Farbkontraste müssen mindestens 4,5:1 für normalen Text und 3:1 für großen Text betragen
- Bilder brauchen aussagekräftige Alt-Texte, dekorative Bilder ein leeres alt-Attribut
- Formulare müssen korrekt beschriftet sein (Label-Elemente, Fehlermeldungen, Pflichtfeld-Kennzeichnung)
- Videos benötigen Untertitel, Audioinhalte eine Textversion
- Die Seite muss bei 200% Zoom vollständig nutzbar bleiben
- Zeitlimits müssen verlängerbar oder abschaltbar sein
Semantisches HTML und ARIA: Das technische Fundament
Die Grundlage für barrierefreie Websites ist semantisches HTML. Screenreader und andere assistive Technologien können Inhalte nur dann korrekt interpretieren, wenn die HTML-Struktur die Bedeutung der Elemente widerspiegelt. Das heißt: Überschriften als h1 bis h6, Navigation als nav, Hauptinhalt als main, Listen als ul/ol - und Buttons als button, nicht als gestylte div-Elemente.
Wo natives HTML nicht ausreicht, kommen ARIA-Attribute ins Spiel. ARIA-Attribute (Accessible Rich Internet Applications) ergänzen HTML-Elemente um zusätzliche Informationen für assistive Technologien. Ein Hamburger-Menü braucht aria-expanded, ein modaler Dialog role='dialog' und aria-modal='true', und dynamische Statusmeldungen aria-live='polite'. Aber Vorsicht: Falsches ARIA ist schlimmer als kein ARIA. Die erste Regel von ARIA lautet: Wenn Sie ein natives HTML-Element verwenden können, tun Sie das.
Welche Strafen drohen bei Nichtbeachtung?
Die Marktaufsichtsbehörden der Bundesländer sind für die Durchsetzung des BFSG 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 - im schlimmsten Fall muss ein Online-Shop oder eine Buchungsplattform offline gehen, bis die Mängel behoben sind.
Neben den rechtlichen Konsequenzen gibt es ein wachsendes Bewusstsein bei Verbrauchern und Geschäftspartnern. Unternehmen, die Barrierefreiheit ignorieren, schließen nicht nur die geschätzten 7,9 Millionen schwerbehinderten Menschen in Deutschland aus, sondern auch ältere Nutzer mit nachlassender Sehkraft oder Motorik - eine Zielgruppe mit erheblicher Kaufkraft.
Praktische Schritte zur barrierefreien Website
Barrierefreiheit lässt sich nicht nachträglich aufschrauben - sie muss in der Architektur und im Entwicklungsprozess verankert sein. Beginnen Sie mit einer Bestandsaufnahme: Testen Sie Ihre Website mit dem Screenreader NVDA (kostenlos), navigieren Sie nur per Tastatur durch alle Funktionen und prüfen Sie Ihre Seite mit automatisierten Tools wie axe DevTools oder dem WAVE Evaluator.
- Bestandsaufnahme: Automatisierte Tests (axe, WAVE) und manuelle Prüfung (Tastatur, Screenreader)
- Semantische HTML-Struktur sicherstellen (keine div-Suppe)
- Farbkontraste prüfen und anpassen (Contrast Checker Tools)
- Fokus-Reihenfolge testen: Tab-Navigation muss logisch und sichtbar sein
- Formulare mit Labels, Fehlermeldungen und Pflichtfeld-Hinweisen ausstatten
- ARIA nur dort einsetzen, wo natives HTML nicht ausreicht
- Barrierefreiheitserklärung veröffentlichen (gesetzlich vorgeschrieben)
Wichtig: Automatisierte Tests decken nur etwa 30 bis 40 Prozent der Barrieren auf. Ein WAVE-Score von null Fehlern bedeutet nicht, dass Ihre Website barrierefrei ist. Manuelle Tests mit echten assistiven Technologien sind unverzichtbar.
Fazit: Barrierefreiheit als Qualitätsmerkmal
Das BFSG ist kein bürokratisches Hindernis, sondern ein Qualitätsstandard. Barrierefreie Websites sind besser strukturiert, performanter und für alle Nutzer angenehmer zu bedienen. Sie ranken tendenziell besser bei Google, weil semantisches HTML und gute Seitenstruktur auch SEO-Signale sind. Und sie erreichen eine größere Zielgruppe.
Wer jetzt handelt, vermeidet nicht nur Bußgelder, sondern investiert in eine zukunftssichere Website. Die Grundlagen - semantisches HTML, Tastatur-Navigation, ausreichende Kontraste und korrekte ARIA-Nutzung - sind keine Raketenwissenschaft. Sie erfordern Sorgfalt in der Entwicklung und ein Bewusstsein dafür, dass eine Website für alle Menschen funktionieren muss.
