Das Barrierefreiheitsstärkungsgesetz: was es für Websites und Shops bedeutet

Seit dem 28. Juni 2025 gilt in der ganzen EU der European Accessibility Act (EAA). Er macht Barrierefreiheit für viele Unternehmen, die online an Verbraucher verkaufen, von einem Extra zur Pflicht. In Deutschland ist er als Barrierefreiheitsstärkungsgesetz (BFSG) in Kraft.

Dieser Beitrag gibt einen ruhigen Überblick: wen das Gesetz betrifft, was es verlangt und welche Punkte in der Praxis am häufigsten auftauchen.

Das ist ein Überblick, keine Rechtsberatung.

1. Geltungsbereich: um wen es geht

Der EAA betrifft vor allem Unternehmen, die online Produkte oder Dienstleistungen an Verbraucher verkaufen, über einen Shop, ein Buchungssystem oder eine App. Ob und wie er für ein bestimmtes Unternehmen gilt, ist eine rechtliche Frage, die am besten eine Anwältin oder ein Anwalt beantwortet. Die gute Nachricht: Alles, was folgt, macht eine Website so oder so besser für ihre Besucher.

2. Der Standard: WCAG in der Praxis

Der EAA selbst nennt Ziele, keine technischen Details. In der Praxis füllt die europäische Norm EN 301 549 diese Lücke, und für Websites verweist sie auf die Web Content Accessibility Guidelines (WCAG) 2.1, Stufe AA. WCAG 2.2, die aktuelle Version, ergänzt ein paar Kriterien und ist das sinnvolle Ziel für alles Neue.

WCAG ruht auf vier Prinzipien. Inhalte müssen sein:

• Wahrnehmbar: Textalternativen für Bilder, Untertitel für Videos, genug Kontrast.
• Bedienbar: Alles funktioniert mit der Tastatur, nichts blinkt, es gibt genug Zeit.
• Verständlich: klare Sprache, vorhersehbare Navigation, hilfreiche Fehlermeldungen.
• Robust: sauberer Code, den Hilfstechnologien wie Screenreader auswerten können.

Dazu müssen erfasste Dienste Informationen veröffentlichen, wie sie die Anforderungen erfüllen, meist als Erklärung zur Barrierefreiheit.

3. Barrieren: die häufigsten

Prüfungen finden immer wieder dieselben Probleme:

• Zu wenig Kontrast: hellgrauer Text auf Weiß oder Text auf unruhigen Bildern. WCAG AA verlangt für normalen Text ein Verhältnis von mindestens 4,5:1.
• Fehlende Alternativtexte: Bilder mit Informationen, aber ohne Textalternative, oder Schmuckbilder, die Screenreader trotzdem vorlesen.
• Tastaturfallen: Menüs, Slider oder Pop-ups, die sich ohne Maus nicht erreichen oder schließen lassen, und ein Fokus, den man nicht sieht.
• Formularfelder ohne Label: Ein Platzhalter ist kein Label; er verschwindet, sobald man tippt.
• Unklare Fehler: „Ungültige Eingabe“, ohne zu sagen, welches Feld oder was erwartet wird.
• Übersprungene Überschriften: eine Seite, deren Überschriftenebenen springen, sodass Screenreader-Nutzer keinen Überblick bekommen.
• Links mit „hier klicken“: Ohne Zusammenhang weiß niemand, wohin sie führen.
• Videos ohne Untertitel und Audio ohne Transkript.

4. Overlays: warum ein Widget nicht reicht

Barrierefreiheits-Overlays, Scripts, die einer Website eine Werkzeugleiste hinzufügen und Konformität mit einer Zeile Code versprechen, werden oft angeboten. Sie reparieren den Code darunter nicht: Ein Button ohne Beschriftung bleibt ein Button ohne Beschriftung. Behindertenverbände kritisieren sie seit Jahren, und manche Nutzer erleben, dass sie ihrer eigenen Hilfstechnologie in die Quere kommen.

Echte Barrierefreiheit steckt in Design und Code: Farben, die mit Blick auf Kontrast gewählt sind, Komponenten, die mit der Tastatur funktionieren, und Inhalte, die für alle geschrieben sind.

5. Über das Gesetz hinaus: wer noch profitiert

Barrierefreiheit hilft viel mehr Menschen, als das Gesetz verlangt: älteren Besuchern, Menschen mit gebrochenem Arm, allen, die ihr Handy in praller Sonne lesen. Sie überschneidet sich auch mit SEO: Saubere Überschriften, Alternativtexte und aussagekräftige Links helfen Suchmaschinen und KI-Assistenten, eine Seite zu verstehen, genau wie Screenreadern.

Die Kurzfassung

• Der EAA gilt seit dem 28. Juni 2025; in Deutschland als BFSG.
• Er betrifft vor allem Unternehmen, die online an Verbraucher verkaufen.
• Der Standard ist WCAG 2.1 AA über EN 301 549; WCAG 2.2 ist das sinnvolle Ziel.
• Häufige Barrieren: Kontrast, Alternativtexte, Tastaturbedienung, Labels, Fehlermeldungen, Überschriften.
• Overlays reparieren den Code darunter nicht.

Wenn deine Website oder dein Shop nach WCAG geprüft werden soll, melde dich.