Barrierefreies Webdesign 2025/2026: Was das neue BFSG für deine Website bedeutet

Das Barrierefreiheitsstärkungsgesetz (BFSG) ist die deutsche Umsetzung des European Accessibility Act und verpflichtet Unternehmen, digitale Produkte und Dienstleistungen barrierefrei zu gestalten. Es gilt seit dem 28. Juni 2025 und betrifft Websites, Webshops, mobile Apps und elektronische Dienstleistungen. Rund 7,8 Millionen Menschen mit Behinderung in Deutschland sollen damit gleichberechtigten Zugang zu digitalen Angeboten erhalten – ein Bedarf, der angesichts der alternden Gesellschaft weiter wächst.

Technisch referenziert das Gesetz die europäische Norm EN 301 549, die auf den Web Content Accessibility Guidelines (WCAG 2.1, Stufe AA) basiert. Damit existiert erstmals ein verbindlicher rechtlicher Rahmen dafür, was barrierefreies Webdesign in Deutschland konkret bedeutet. Bis dahin gab es zwar Empfehlungen und freiwillige Standards – doch eine gesetzliche Pflicht für die Privatwirtschaft fehlte. Das BFSG schließt diese Lücke.

Wen betrifft das BFSG?

Die häufigste Fehleinschätzung: „Das gilt nur für große Konzerne oder den öffentlichen Sektor." Tatsächlich betrifft das Barrierefreiheitsstärkungsgesetz alle Unternehmen, die unter den Geltungsbereich fallende Dienstleistungen erbringen oder Produkte in den Verkehr bringen. Der Anwendungsbereich ist dabei breiter, als es auf den ersten Blick scheint. Dazu gehören E-Commerce-Anbieter und Webshops, Dienstleister mit Terminbuchung, Kontaktformularen oder Kundenportalen, Bankdienstleistungen und Finanzprodukte sowie Personenverkehrsdienste mit digitalen Buchungssystemen.

Die Kleinstunternehmer-Ausnahme: Unternehmen mit weniger als 10 Beschäftigten und maximal 2 Millionen Euro Jahresumsatz sind befreit – aber nur, wenn sie Dienstleistungen erbringen. Wer Produkte herstellt oder in den Verkehr bringt, bleibt verpflichtet. Diese Unterscheidung sorgt in der Praxis für Unsicherheit und verdient eine Einzelfallprüfung.

Was fordert barrierefreies Webdesign nach BFSG konkret?

Barrierefreies Webdesign nach dem Barrierefreiheitsstärkungsgesetz folgt vier Grundprinzipien der WCAG 2.1:

Wahrnehmbarkeit: Bilder brauchen aussagekräftige Alt-Texte, Videos Untertitel. Das Kontrastverhältnis zwischen Text und Hintergrund muss mindestens 4,5:1 betragen. Informationen dürfen nicht ausschließlich über Farbe vermittelt werden – ein roter Fehlermeldungstext etwa benötigt zusätzlich ein Symbol oder eine Textbeschreibung.

Bedienbarkeit: Die gesamte Website muss per Tastatur nutzbar sein – ohne Maus, ohne Trackpad. In der Praxis scheitert das häufig an Dropdown-Menüs, modalen Dialogen oder Slidern, die nur auf Mausinteraktion ausgelegt sind. Auch Zeitlimits bei Formularen müssen anpassbar sein, und Animationen brauchen eine Stopp-Funktion. Gerade bei individuell entwickelten Komponenten wird dieser Punkt oft unterschätzt.

Verständlichkeit: Formulare benötigen klare Beschriftungen und nachvollziehbare Fehlermeldungen. Die Navigation muss konsistent und vorhersehbar funktionieren. Inhalte sollen in klarer Sprache formuliert sein – nicht als Zugeständnis, sondern als Qualitätsmerkmal, von dem ausnahmslos alle Nutzer profitieren.

Robustheit: Die Website muss mit verschiedenen Browsern und assistiven Technologien wie Screen Readern funktionieren. Das setzt sauberes, semantisches HTML voraus – korrekte Überschriftenhierarchien, sinnvolle ARIA-Attribute und eine logische Dokumentstruktur.

Warum Overlay-Tools keine Lösung sind

Ein verbreiteter Irrtum: Barrierefreies Webdesign lasse sich durch ein Plugin oder Overlay-Tool lösen. Solche Werkzeuge blenden zwar Anpassungsoptionen ein – Schriftgrößenregler, Kontrastschalter –, beheben aber die strukturellen Probleme im Code nicht. Screen Reader können ein schlecht strukturiertes Dokument auch mit Overlay nicht sinnvoll vorlesen. Mehrere Behindertenverbände haben darauf hingewiesen, dass Overlay-Tools keine BFSG-Konformität herstellen.

Echte Barrierefreiheit beginnt bei der Konzeption: Informationsarchitektur, CMS-Wahl, Template-Struktur, Content-Erstellung und Formulierungsstil. Wer erst am Ende der Entwicklung daran denkt, investiert erfahrungsgemäß doppelt so viel Zeit und Budget wie bei einer von Anfang an inklusiven Planung. Das gilt besonders für Unternehmen, die ihr barrierefreies Webdesign auf einem bestehenden System nachrüsten müssen – hier rächt sich jede Abkürzung in der ursprünglichen Entwicklung.

Was passiert bei Verstößen?

Die Marktüberwachungsbehörden der Bundesländer setzen das BFSG durch. Bei Verstößen drohen Bußgelder von bis zu 100.000 Euro. Zusätzlich können nicht barrierefreie Websites abgemahnt werden.

Mindestens ebenso relevant: Eine nicht barrierefreie Website schließt potenzielle Kunden aktiv aus. Laut WHO leben rund 16 % der Weltbevölkerung mit einer Form von Behinderung. In Deutschland haben 9,4 % der Bevölkerung eine anerkannte Schwerbehinderung – und eine deutlich größere Gruppe mit situativen oder altersbedingten Einschränkungen profitiert ebenfalls von barrierefreiem Webdesign. Wer diese Nutzer verliert, verliert Umsatz.

Was du jetzt tun solltest

1. Status-Check: Prüfe deine Website mit automatisierten Tools wie axe, WAVE oder dem Lighthouse Accessibility Audit in Chrome. Sie erkennen rund 30–40 % der typischen Barrieren – ein solider Ausgangspunkt, aber kein vollständiger Test.
2. Manuell testen: Navigiere deine komplette Website per Tastatur. Teste mit einem Screen Reader (NVDA oder VoiceOver), ob Inhalte logisch vorgelesen werden.
3. Priorisieren: Beginne mit den Seiten mit dem höchsten Traffic oder der größten geschäftlichen Relevanz – Startseite, Kontaktformular, Buchungsstrecke, Checkout. Von dort aus systematisch erweitern.
4. Erklärung veröffentlichen: Das BFSG verlangt eine Erklärung zur Barrierefreiheit auf der Website. Darin dokumentierst du den aktuellen Stand, bekannte Einschränkungen und einen Kontaktweg für Barriere-Meldungen.
5. Langfristig denken: Barrierefreiheit ist kein einmaliges Projekt, sondern ein fortlaufender Prozess. Jede neue Seite, jeder neue Inhalt, jedes Redesign muss die Anforderungen von Beginn an mitdenken. Redaktionelle Guidelines und Schulungen für das Content-Team sind dabei deutlich wirksamer als nachträgliche Korrekturen.

Fazit

Das Barrierefreiheitsstärkungsgesetz formalisiert, was gutes Webdesign ohnehin auszeichnet: klare Strukturen, sauberen Code, verständliche Inhalte und eine Nutzererfahrung, die niemanden ausschließt. Unternehmen, die barrierefreies Webdesign als Teil ihrer digitalen Strategie begreifen, werden nicht nur rechtskonform – sie verbessern auch ihre Sichtbarkeit in Suchmaschinen, weil Google viele der gleichen Qualitätsmerkmale bewertet. Barrierefreies Webdesign nach BFSG wird zum Standard – wer jetzt investiert, spart kostspielige Nachbesserungen und erschließt eine größere Zielgruppe.

Artmedia Jäger beschäftigt sich seit über 18 Jahren mit Webdesign und digitaler Strategie. Seine Einschätzung: „Das BFSG ist der überfällige Anstoß, Barrierefreiheit nicht als Kür, sondern als Grundlage jeder Website zu behandeln. Wer strukturiert vorgeht, profitiert davon langfristig – rechtlich und wirtschaftlich."