Ab 2025 wird digitale Barrierefreiheit für viele Unternehmen Pflicht (BFSG). WCAG 2.2 erklärt, Maßnahmen-Checkliste und warum Barrierefreiheit allen Nutzern hilft.
Seit Juni 2025 greift das Barrierefreiheitsstärkungsgesetz (BFSG). Das klingt sperrig, hat aber massive Auswirkungen: Viele digitale Produkte und Dienstleistungen müssen barrierefrei zugänglich sein. Onlineshops, Banking-Apps, E-Books – die Liste ist lang. Aber selbst wenn dein Unternehmen nicht direkt betroffen ist: Barrierefreiheit lohnt sich. Denn barrierefreie Websites sind besser für alle Nutzer – schneller, klarer strukturiert und leichter bedienbar. Was du wissen musst und wie du anfängst, steht in diesem Beitrag.
Wer ist betroffen?
Das BFSG setzt die EU-Richtlinie European Accessibility Act (EAA) um und betrifft Unternehmen, die Produkte oder Dienstleistungen für Verbraucher anbieten. Konkret:
- E-Commerce-Websites und Onlineshops
- Bankdienstleistungen und Finanzprodukte
- Telekommunikationsdienste
- E-Books und E-Book-Reader
- Personenbeförderungsdienste (Ticketverkauf)
- Computer, Smartphones und deren Betriebssysteme
Kleine Unternehmen (unter 10 Mitarbeiter und unter 2 Millionen Euro Umsatz) bei Dienstleistungen sind teilweise ausgenommen. Aber: Diese Ausnahme gilt nur für den Dienstleistungsbereich, nicht für Produkte. Und auch wenn du nicht musst – Barrierefreiheit ist keine Nische, sondern ein wirtschaftlicher Vorteil.
Barrierefreiheit ist ein Markt
In Deutschland leben rund 10,4 Millionen Menschen mit einer anerkannten Behinderung – fast 13 Prozent der Bevölkerung. Dazu kommen Millionen älterer Menschen mit eingeschränktem Sehvermögen, motorischen Einschränkungen oder nachlassendem Hörvermögen. Und temporäre Einschränkungen: ein gebrochener Arm, eine Augenentzündung, ein grelles Display in der Sonne.
Das sind keine Randgruppen. Das sind Kunden, die du verlierst, wenn deine Website nicht zugänglich ist.
Und der Nebeneffekt: Barrierefreie Websites sind oft auch für alle anderen besser. Klarere Struktur, bessere Lesbarkeit, schnellere Navigation. Barrierefreiheit ist wie ein Aufzug im Gebäude: Gebaut für Rollstuhlfahrer, genutzt von Eltern mit Kinderwagen, Lieferanten mit schweren Kisten und Menschen mit vorübergehenden Verletzungen.
WCAG 2.2: Der Standard kurz erklärt
Barrierefreiheit im Web orientiert sich an den WCAG-Richtlinien (Web Content Accessibility Guidelines). Die aktuelle Version ist WCAG 2.2, veröffentlicht im Oktober 2023. Das BFSG fordert die Einhaltung der Stufe AA – das ist der praxistaugliche Mittelweg.
WCAG basiert auf vier Prinzipien:
- Wahrnehmbar: Inhalte müssen so dargestellt werden, dass sie von allen Nutzern wahrgenommen werden können (z. B. Alt-Texte für Bilder, Untertitel für Videos)
- Bedienbar: Die Website muss mit verschiedenen Eingabemethoden funktionieren (Tastatur, Screenreader, Sprachsteuerung)
- Verständlich: Inhalte und Navigation müssen verständlich sein (klare Sprache, konsistente Navigation)
- Robust: Die Website muss mit verschiedenen Technologien funktionieren (verschiedene Browser, Screenreader, Hilfsmittel)
WCAG 2.2 hat zusätzlich neue Erfolgskriterien eingeführt, zum Beispiel eine Mindestgröße für Klickziele von 24 mal 24 Pixel und bessere Unterstützung für Drag-and-Drop-Alternativen.
Die wichtigsten Maßnahmen
Die folgende Liste deckt die häufigsten Probleme ab. Wenn du diese Punkte umsetzt, bist du bei 80 Prozent der Anforderungen:
Visuelle Zugänglichkeit
- Ausreichender Kontrast: Text muss sich klar vom Hintergrund abheben. Mindestens 4,5:1 für normalen Text, 3:1 für großen Text. Hellgrau auf Weiß ist ein häufiger Fehler.
- Skalierbare Schrift: Die Website muss bis 200 Prozent Zoom funktionieren, ohne dass Inhalte abgeschnitten werden oder sich überlappen.
- Nicht nur Farbe als Information: „Pflichtfelder sind rot markiert" reicht nicht. Es braucht zusätzlich ein Sternchen oder ein Label.
Strukturelle Zugänglichkeit
- Semantisches HTML: Richtige Heading-Struktur (H1 bis H6 in logischer Reihenfolge), richtige Listenelemente, Tabellen nur für tabellarische Daten.
- Alt-Texte für Bilder: Jedes inhaltlich relevante Bild braucht eine Beschreibung. Dekorative Bilder bekommen ein leeres alt-Attribut (alt="").
- Labels für Formulare: Jedes Eingabefeld braucht ein zugeordnetes Label – nicht nur Placeholder-Text, der beim Klicken verschwindet.
- ARIA-Attribute: Für komplexe UI-Elemente wie Akkordeons, Tabs oder Modalfenster.
Interaktive Zugänglichkeit
- Tastaturnavigation: Alles muss ohne Maus bedienbar sein. Tab-Reihenfolge muss logisch sein. Fokus-Indikator muss sichtbar sein.
- Klickziele: Mindestens 44 mal 44 Pixel (WCAG 2.1) bzw. 24 mal 24 Pixel (WCAG 2.2 Minimum). Kleine Links und Buttons sind für Menschen mit motorischen Einschränkungen schwer treffbar.
- Untertitel für Videos: Nicht nur für gehörlose Nutzer relevant – auch für Menschen in der Bahn oder im Großraumbüro.
- Keine Zeitlimits: Wenn Formulare nach 5 Minuten ablaufen, ist das für Menschen mit Einschränkungen ein Problem.
Tools zum Testen
Du musst kein Experte sein, um die Basics zu prüfen:
- WAVE (Browser-Extension): Zeigt Barrierefreiheitsprobleme visuell direkt auf der Seite an. Kostenlos und sofort einsetzbar.
- Lighthouse (in Chrome eingebaut): Prüft Accessibility neben Performance, SEO und Best Practices. Rechtsklick → Untersuchen → Lighthouse.
- axe DevTools (Browser-Extension): Detailliertere Prüfung mit konkreten Lösungsvorschlägen. Von Deque, einem der führenden Unternehmen im Bereich Barrierefreiheit.
- WebAIM Contrast Checker: Prüft, ob deine Farbkombinationen den Kontrastanforderungen entsprechen.
- Manueller Tastaturtest: Navigiere deine komplette Website nur mit der Tab-Taste. Kommst du überall hin? Siehst du immer, wo der Fokus liegt?
Wie du anfängst: Der Stufenplan
Du musst nicht alles auf einmal machen. Dieser Plan funktioniert:
- Audit durchführen: WAVE und Lighthouse über deine wichtigsten Seiten laufen lassen. Die häufigsten Probleme notieren.
- Quick Fixes umsetzen: Alt-Texte ergänzen, Kontraste anpassen, Labels für Formulare hinzufügen. Das geht oft in Stunden, nicht Tagen.
- Struktur verbessern: Heading-Hierarchie korrigieren, Tastaturnavigation testen und fixen, ARIA-Attribute für komplexe Elemente.
- Prozesse anpassen: Barrierefreiheit bei neuen Inhalten und Features mitdenken. Jedes neue Bild braucht einen Alt-Text, jedes neue Formular braucht Labels.
- Regelmäßig prüfen: Quartalsweise einen Accessibility-Check durchführen. Neue Inhalte bringen neue potenzielle Probleme.
Barrierefreiheit und SEO
Ein oft übersehener Vorteil: Viele Maßnahmen für Barrierefreiheit verbessern gleichzeitig dein SEO:
- Alt-Texte helfen Google, Bilder zu verstehen und in der Bildersuche zu ranken
- Semantisches HTML hilft Suchmaschinen, die Seitenstruktur zu verstehen
- Klare Heading-Hierarchie verbessert Featured Snippets
- Gute Kontraste und lesbare Schrift senken die Absprungrate
- Schnelle, schlanke Seiten sind sowohl barrierefrei als auch suchmaschinenfreundlich
Barrierefreiheit und SEO arbeiten in die gleiche Richtung. Du investierst einmal und profitierst doppelt.
Häufige Fragen
Betrifft das BFSG auch meine Unternehmenswebsite?
Wenn du Produkte oder Dienstleistungen an Verbraucher (B2C) verkaufst und einen Onlineshop betreibst, ja. Reine B2B-Websites und Unternehmensseiten ohne E-Commerce sind aktuell nicht direkt betroffen – aber freiwillige Barrierefreiheit lohnt sich trotzdem.
Was passiert, wenn ich das BFSG nicht einhalte?
Die Marktüberwachungsbehörden können Bußgelder verhängen. Die genauen Höhen werden noch in der Praxis etabliert. Dazu kommt das Risiko von Abmahnungen durch Verbraucherschutzverbände.
Reichen Overlay-Tools wie accessiBe oder UserWay?
Nein. Automatische Accessibility-Overlays sind in der Fachcommunity stark umstritten. Sie lösen die Grundprobleme nicht, können neue Probleme schaffen und wiegen Betreiber in falscher Sicherheit. Die einzige nachhaltige Lösung ist, Barrierefreiheit in die Website selbst einzubauen.
Was kostet es, meine Website barrierefrei zu machen?
Für eine bestehende Website mit 10 bis 20 Seiten: 1.000 bis 5.000 Euro, je nach Ausgangszustand. Die häufigsten Probleme (Alt-Texte, Kontraste, Labels) sind oft in wenigen Stunden behoben. Tiefergehende Anpassungen an Navigation und komplexen UI-Elementen brauchen mehr Zeit.
Muss ich meine Website für alle Behinderungsarten zugänglich machen?
WCAG AA deckt die meisten Anforderungen ab: Sehbehinderungen, motorische Einschränkungen, Hörbehinderungen und kognitive Einschränkungen. Du musst keine perfekte Barrierefreiheit erreichen – aber die wesentlichen Barrieren abbauen.
Das Wichtigste auf einen Blick
- Das BFSG macht digitale Barrierefreiheit für viele B2C-Unternehmen zur Pflicht
- Rund 10,4 Millionen Menschen in Deutschland haben eine anerkannte Behinderung – das sind Kunden
- WCAG 2.2 Stufe AA ist der geforderte Standard
- Die häufigsten Probleme (Kontraste, Alt-Texte, Labels) lassen sich in Stunden fixen
- Barrierefreiheit verbessert gleichzeitig SEO und Nutzererfahrung für alle
- Overlay-Tools sind keine Lösung – echte Barrierefreiheit muss in die Website eingebaut werden
Merksätze
Barrierefreiheit ist wie ein Aufzug: Gebaut für wenige, genutzt von allen.
Wenn deine Website nur mit Maus und perfekten Augen funktioniert, schließt du Millionen von Nutzern aus.
Du brauchst Unterstützung bei der Umsetzung? Wir machen deine Website barrierefrei – BFSG-konform und für alle Nutzer besser bedienbar.
