Ratgeber · 05. Oktober 2026

Accessibility-Overlays und das BFSG: Warum ein Plugin nicht reicht

Barrierefreiheits-Widgets versprechen BFSG-Konformität per Skript. Warum Overlays den Code nicht reparieren, was Fachleute kritisieren und was wirklich hilft.

Ein kleines Symbol am Bildschirmrand, ein Klick, und es öffnet sich ein Menü mit Optionen für größere Schrift, höheren Kontrast oder Vorlesefunktion. Dazu das Versprechen, eine künstliche Intelligenz repariere die Barrieren Ihrer Website automatisch. Solche Accessibility-Overlays werden seit Inkrafttreten des Barrierefreiheitsstärkungsgesetzes (BFSG) intensiv beworben, oft mit Aussagen wie „BFSG-konform in 48 Stunden“ oder „eine Zeile Code genügt“.

Für Shopbetreiber klingt das verlockend: geringe monatliche Kosten statt Umbau des Themes. Dieser Artikel erklärt, wie Overlays funktionieren, warum Fachleute und Behindertenverbände sie überwiegend kritisch sehen und was Sie stattdessen tun sollten. Er ist eine technische Einordnung und keine Rechtsberatung. Wir bewerten hier die Produktkategorie, nicht einzelne Anbieter.

Was ist ein Accessibility-Overlay?

Ein Overlay ist ein Skript eines Drittanbieters, das Sie in Ihre Website einbinden. Es arbeitet im Browser des Besuchers, nachdem die Seite geladen wurde. Meist besteht es aus zwei Teilen:

  • Einer Werkzeugleiste mit Einstellungen, die Nutzer selbst wählen können: Schrift vergrößern, Kontrast ändern, Zeilenabstand erhöhen, Animationen stoppen, Text vorlesen, oft auch vorgefertigte Profile etwa für Sehbehinderung oder ADHS.
  • Automatischen Reparaturen, die das Skript zur Laufzeit vornimmt: Alternativtexte per Bilderkennung erzeugen, ARIA-Attribute ergänzen, Fokusreihenfolgen anpassen oder Kontraste korrigieren.

Der Quellcode Ihres Themes bleibt dabei unverändert. Das ist der Kern des Problems.

Warum Overlays das Problem nicht lösen

Der Code bleibt fehlerhaft

Barrierefreiheit entsteht im HTML, CSS und JavaScript Ihres Shops. Ein Overlay legt eine Schicht darüber, die beim Laden der Seite Änderungen vornimmt. Lädt das Skript langsam, wird es von einem Werbeblocker oder Firmennetzwerk blockiert oder kommt es mit Ihrem Theme nicht zurecht, sind alle ursprünglichen Barrieren wieder da. Jede neue Seite, jedes neue Produkt und jedes Theme-Update bringt neue Fehler, die das Skript erst erkennen muss.

Automatik findet nur, was Automatik finden kann

Ein Overlay kann nur reparieren, was es automatisch erkennt. Automatisierte Prüfungen finden aber nur einen Teil der Barrieren, je nach Zählweise etwa 30 bis 40 Prozent. Ob eine Fokusreihenfolge logisch ist, ob ein Fehlertext verständlich ist oder ob ein per Bilderkennung erzeugter Alt-Text das Produkt richtig beschreibt, kann ein Skript nicht zuverlässig beurteilen. Ein automatisch erzeugtes „Frau in Jacke“ hilft einer blinden Kundin nicht bei der Entscheidung zwischen zwei Jackenmodellen.

Die Werkzeuge haben Betroffene längst selbst

Menschen, die auf Barrierefreiheit angewiesen sind, nutzen ihre eigenen Hilfsmittel: Screenreader, Bildschirmlupen, Zoom des Browsers, Kontrasteinstellungen des Betriebssystems, Spracheingabe. Diese sind auf ihre Bedürfnisse eingestellt und funktionieren auf jeder Website. Eine zusätzliche Werkzeugleiste auf Ihrer Website ersetzt das nicht. Sie hilft nur, wenn die Website darunter sauber gebaut ist.

Overlays können neue Barrieren schaffen

Automatische Eingriffe können mit Hilfsmitteln kollidieren, etwa wenn ein Overlay ARIA-Attribute falsch setzt oder Screenreader-Ansagen verändert. Das Overlay Fact Sheet berichtet, dass manche Nutzer Overlays aktiv blockieren, weil sie ihnen die Nutzung erschweren.

Datenschutz

Overlays können erfassen, ob ein Besucher eine Hilfstechnologie nutzt, oder speichern, dass jemand ein Profil wie „sehbehindert“ aktiviert hat. Solche Informationen können Rückschlüsse auf eine Behinderung zulassen und sind datenschutzrechtlich besonders sensibel. Prüfen Sie vor dem Einsatz, welche Daten das Skript verarbeitet, wohin sie übertragen werden und ob Sie dafür eine Einwilligung brauchen.

Was die Fachwelt sagt

Die Kritik an Overlays ist in der Barrierefreiheits-Community breit getragen:

  • Overlay Fact Sheet: Das Dokument fasst die technischen Probleme von Overlays zusammen und wurde von über 1.000 Fachleuten aus der digitalen Barrierefreiheit unterzeichnet. Die Unterzeichnenden erklären, kein Overlay zu empfehlen oder einzubauen, das irreführend als automatische Erfüllung von Gesetzen oder Standards beworben wird.
  • European Disability Forum und IAAP: Der europäische Behindertendachverband und der internationale Fachverband für Barrierefreiheit haben im Mai 2023 eine gemeinsame Stellungnahme veröffentlicht. Kernaussage: Overlays machen Websites weder barrierefrei noch konform mit europäischem Recht und sind kein Ersatz dafür, die Website selbst zu reparieren.
  • Umfrage unter Fachleuten: In einer Befragung von WebAIM bewerteten 67 Prozent der Fachleute Overlays als gar nicht oder wenig wirksam. Unter den Befragten mit Behinderung lag der Anteil bei 72 Prozent.

Erfahrungen aus den USA: Klagen und eine Strafe der FTC

In den USA gibt es seit Jahren tausende Klagen wegen nicht barrierefreier Websites. Overlays schützen davor offenbar nicht. Nach dem Jahresbericht des Dienstleisters UsableNet wurden 2024 über 1.000 Unternehmen verklagt, obwohl auf ihren Websites ein Barrierefreiheits-Widget installiert war. Das waren mehr als ein Viertel aller erfassten Fälle.

Auch die US-Handelsbehörde FTC hat sich mit der Kategorie befasst. Im Jahr 2025 schloss sie ein Verfahren gegen den Overlay-Anbieter accessiBe mit einer Anordnung ab, die eine Zahlung von einer Million US-Dollar vorsieht. Die FTC hatte dem Unternehmen vorgeworfen, mit der nicht belegten Aussage geworben zu haben, sein Produkt könne jede Website WCAG-konform machen, und Bewertungen als unabhängig dargestellt zu haben, obwohl eine Verbindung zum Unternehmen bestand. Die Anordnung untersagt solche Konformitätsversprechen ohne ausreichende Belege.

US-Recht ist nicht auf Deutschland übertragbar. Die Erfahrung zeigt aber, worauf es ankommt: auf die tatsächliche Nutzbarkeit der Website, nicht auf ein installiertes Werkzeug.

Was bedeutet das für das BFSG?

Das BFSG verlangt, dass Ihre Dienstleistung selbst barrierefrei ist, also für Menschen mit Behinderungen „ohne besondere Erschwernis und grundsätzlich ohne fremde Hilfe“ nutzbar. Gemessen wird das in der Praxis an der EN 301 549 und den WCAG 2.1 AA. Diese Kriterien beziehen sich auf Ihre Inhalte und Ihren Code, nicht auf ein zusätzliches Bedienmenü.

Drei praktische Folgen:

  • Prüfungen sehen den Code. Die Marktüberwachungsstelle MLBF setzt laut ihrer Strategie bei Websites auf automatisierte Vorprüfungen. Ob und wie ein Overlay dabei berücksichtigt wird, ist offen. Fehler, die nur zur Laufzeit überdeckt werden, sind keine verlässliche Grundlage.
  • Ihre Informationen zur Barrierefreiheit müssen beschreiben, wie Ihr Shop die Anforderungen erfüllt. „Wir nutzen ein Widget“ ist keine solche Beschreibung. Mehr dazu in unserem Muster für die Erklärung zur Barrierefreiheit.
  • Konformitätsaussagen müssen stimmen. Wenn Sie wegen eines Overlays „BFSG-konform“ auf Ihre Website schreiben und eine Prüfung das Gegenteil zeigt, haben Sie zusätzlich ein Problem mit einer unzutreffenden Aussage.

Overlays sind in Deutschland nicht verboten. Sie erfüllen die Pflichten aus dem BFSG nur eben nicht von selbst.

Was Sie stattdessen tun sollten

Kriterium Overlay Korrektur im Code
Wirkung Überdeckt einen Teil der Fehler zur Laufzeit Behebt die Ursache
Dauerhaftigkeit Abhängig vom Skript und dessen Abo Bleibt bestehen, solange der Code bleibt
Hilfsmittel Kann mit Screenreadern kollidieren Funktioniert mit allen Hilfsmitteln
Kosten Laufende Gebühren Einmaliger Aufwand plus Pflege
Nachweis Schwer zu belegen Prüfbar und dokumentierbar

So gehen Sie vor:

  1. Messen. Prüfen Sie Ihren Shop automatisiert und manuell. Wie das geht, zeigt Barrierefreiheit im Onlineshop prüfen.
  2. Im Theme beheben. Kontraste, Fokus, Beschriftungen, Sprunglink und Dialoge werden einmal in der Vorlage korrigiert und wirken dann im ganzen Shop. Für Shopify finden Sie die wichtigsten Stellen in unserer Shopify-Checkliste.
  3. Inhalte pflegen. Alt-Texte, Überschriften und Linktexte schreiben Menschen, nicht Skripte.
  4. Bestehendes Overlay prüfen. Testen Sie Ihren Shop mit und ohne Overlay, auch mit Screenreader. Viele Shops entfernen das Overlay, nachdem die Fehler im Code behoben sind.
  5. Feedback einholen. Bieten Sie einen Kontakt für Barrieren an und nehmen Sie Hinweise von Betroffenen ernst.

Häufige Fragen

Ist ein Accessibility-Overlay in Deutschland verboten?

Nein. Sie dürfen ein Overlay einsetzen. Es ersetzt aber nicht die Pflicht, Ihren Shop selbst barrierefrei zu gestalten, und es sollte nicht als Nachweis der Konformität dargestellt werden.

Kann ein Overlay ergänzend sinnvoll sein?

Einzelne Funktionen wie eine Vorlesefunktion können für manche Nutzer bequem sein. Voraussetzung ist ein sauber gebauter Shop darunter, und das Overlay darf keine Hilfsmittel stören. Testen Sie das mit und ohne Overlay.

Ich habe bereits ein Jahresabo abgeschlossen. Was nun?

Kein Grund zur Panik. Lassen Sie das Overlay vorerst aktiv, prüfen Sie Ihren Shop und beheben Sie die Fehler im Code. Entscheiden Sie danach anhand von Tests, ob das Overlay noch einen Nutzen hat.

Woran erkenne ich, ob meine Website ein Overlay nutzt?

Typisch ist ein rundes Symbol mit einer Personenfigur am Bildschirmrand, das ein Einstellungsmenü öffnet. Prüfen Sie außerdem Ihre installierten Apps und Plugins sowie eingebundene Skripte im Theme.

Nächster Schritt

Prüfen Sie kostenlos, welche Barrieren im Code Ihres Shops stecken: Jetzt kostenlosen BFSG-Check starten. Codext behebt als Shopify Premier Partner die gefundenen Barrieren dort, wo sie entstehen: direkt in Ihrem Shopify-Theme.

Dieser Artikel ist eine technische Einordnung und keine Rechtsberatung.