BFSG: Overlays und Barrierefreiheits-Plugins

Kurz gesagt: Ein Overlay ist ein Skript, das sich über deine Webseite legt und Barrieren automatisch beheben soll, oft mit einem Symbol in der Ecke und einem Menü für Schriftgröße oder Kontrast. Es ersetzt nicht, dass dein Shop im Code barrierefrei gebaut ist. Das sagen europäische Behindertenverbände und Fachleute für Barrierefreiheit gemeinsam, und die US-Handelsbehörde FTC hat einen Anbieter wegen irreführender Versprechen zu einer Zahlung von 1 Million US-Dollar verpflichtet. Der verlässliche Weg ist, die Barrieren in deinem Theme und deinen Inhalten zu beheben.

Was ist ein Overlay?

Overlays, auch Accessibility-Widgets oder Barrierefreiheits-Plugins genannt, werden meist mit einer Zeile Code eingebunden. Sie versprechen, eine Webseite für Menschen mit Behinderungen nutzbar zu machen, ohne dass du am Shop selbst etwas ändern musst. Typisch sind:

• ein Menü mit Einstellungen wie größere Schrift, höherer Kontrast oder Vorlesen,
• automatische Korrekturen im Hintergrund, etwa erzeugte Alternativtexte für Bilder,
• ein Hinweis oder Siegel, die Seite sei barrierefrei.

Das Problem: Viele Menschen mit Behinderungen nutzen bereits eigene Hilfsmittel wie Screenreader, Vergrößerung oder Tastatursteuerung. Ein zusätzliches Menü hilft ihnen nicht, wenn darunter Formularfelder ohne Beschriftung, ein Check-out ohne Tastaturbedienung oder fehlende Überschriften liegen. Und automatische Korrekturen können nur raten, was ein Bild zeigt oder was ein Button tut.

Die Position von EDF und IAAP (17. Mai 2023)

Das European Disability Forum (EDF), der Dachverband der Menschen mit Behinderungen in Europa, und die International Association of Accessibility Professionals (IAAP) haben am 17. Mai 2023 eine gemeinsame Erklärung veröffentlicht. Darin heißt es sinngemäß:

• Overlays machen eine Webseite weder barrierefrei noch konform mit europäischem Barrierefreiheitsrecht.
• Sie sind keine akzeptable Alternative und kein Ersatz dafür, die Webseite selbst zu reparieren.

Das ist eine Stellungnahme, kein Gesetz. Sie zeigt aber, wie die Menschen, für die das BFSG gemacht ist, und die Fachleute, die Barrierefreiheit prüfen, Overlays einschätzen.

Die Anordnung der FTC gegen accessiBe (22. April 2025)

Die US-Handelsbehörde Federal Trade Commission (FTC) hat am 22. April 2025 mit 3 zu 0 Stimmen eine endgültige Anordnung gegen den Overlay-Anbieter accessiBe bestätigt. Der Anbieter muss 1 Million US-Dollar zahlen. Außerdem darf er nicht mehr ohne Belege behaupten, sein automatisiertes Produkt könne jede Webseite WCAG-konform machen oder dauerhaft konform halten. Die vorgeschlagene Anordnung hatte die FTC am 3. Januar 2025 bekannt gegeben.

Das ist ein Verfahren nach US-Recht und keine Entscheidung zum BFSG. Es zeigt aber, dass eine Behörde das Versprechen "ein Skript macht deine Seite konform" als irreführend behandelt hat.

Was Automatik leisten kann und was nicht

Automatische Tests sind nützlich. Sie finden schnell viele Probleme, etwa fehlende Alternativtexte, zu schwache Kontraste oder Formularfelder ohne Beschriftung. Unser Werkzeug Website prüfen arbeitet genau so.

Wie weit Automatik reicht, zeigt eine Studie von Deque Systems aus dem März 2021. Auf Basis von über 2.000 Audits mit mehr als 13.000 Seiten oder Seitenzuständen und 294.958 gefundenen Problemen fanden automatisierte Tests 57,38 Prozent der Probleme nach Anzahl. Zur Einordnung:

• Deque verkauft selbst das gemessene Prüfwerkzeug.
• Die Daten stammen aus Erstprüfungen bei Deque-Kunden und nur aus HTML-Seiten.
• Die Zahl beschreibt den Anteil der gefundenen Probleme nach Menge, nicht den Anteil der WCAG-Kriterien. Nur 16 von 50 Kriterien der WCAG 2.1 Stufe AA waren durch Automatik abgedeckt.

Die Folgerung ist trotzdem klar: Automatik allein reicht nicht. Ob ein Alternativtext ein Bild sinnvoll beschreibt, ob die Reihenfolge beim Tabben logisch ist oder ob eine Fehlermeldung verständlich ist, muss ein Mensch prüfen. Ein Overlay, das nur automatisch arbeitet, hat dieselbe Grenze.

Was stattdessen hilft

Behebe die Barrieren dort, wo sie entstehen: im Code deines Themes, in deinen Inhalten und in den Einstellungen deines Shopsystems.

1. Prüfe deine wichtigsten Wege automatisch: Startseite, Suche, Produktseite, Warenkorb, Check-out, Kontakt.
2. Behebe zuerst, was viele Menschen blockiert: Tastaturbedienung, beschriftete Formularfelder, sichtbarer Fokus, ausreichender Kontrast, sinnvolle Alternativtexte.
3. Teste von Hand: einmal den ganzen Kaufvorgang nur mit der Tastatur, einmal mit einem Screenreader.
4. Frage bei deinem Theme- oder Plugin-Anbieter nach, wenn ein Problem im fremden Code steckt.
5. Beschreibe den Stand ehrlich in deiner Barrierefreiheitserklärung.

Wenn du schon ein Overlay nutzt, prüfe, ob es mit Screenreadern und Tastatur Probleme macht, und behebe die eigentlichen Barrieren im Shop. Verlass dich nicht auf ein Siegel oder Versprechen des Anbieters.

Wie geht es weiter?

• Mit Website prüfen findest du die Barrieren, die sich automatisch erkennen lassen, mit Hinweisen zur Behebung.
• Der BFSG-Check klärt, ob das Gesetz für dich gilt.
• Mit Barrierefreiheitserklärung erstellen beschreibst du den Stand deines Shops.
• Weiter lesen: EN 301 549 und WCAG, zurück zum Überblick.