Ratgeber

Overlay-Widgets: warum ein Plugin für Barrierefreiheit nicht reicht

Veröffentlicht am 21. Oktober 2026

Ein Plugin, das als Overlay oder „Barrierefreiheits-Toolbar“ über Ihren Shop gelegt wird, macht ihn nicht barrierefrei im Sinne des BFSG. Sinnvoll sind dagegen Plugins, die Fehler im Shop selbst beheben oder Ihnen zeigen, wo sie liegen: ein besseres Theme, Felder für Alt-Texte, ein Prüfwerkzeug im Admin.

Die Überwachungsstellen des Bundes und der Länder schreiben in ihrer Gemeinsamen Einschätzung zum Einsatz von Overlay-Tools (Stand März 2025): „Aktuell sind Overlay-Tools nicht in der Lage, einen Webauftritt, der Barrieren aufweist, vollständig barrierefrei darzustellen.“ Was Ihr Shopsystem selbst liefert und wo die übrigen Lücken liegen, steht im Überblick Barrierefreier Onlineshop: Shopify, WooCommerce, Shopware und Co.. Dieser Artikel zeigt, welche Art von Plugin was leistet, wie Sie ein vorhandenes Widget selbst prüfen und was Sie den Anbieter fragen sollten.

Was ein Overlay ist

Die Überwachungsstellen beschreiben ein Overlay-Tool so: „Dabei wird häufig Quellcode von Drittanbietenden (in der Regel Javascript) dem Quellcode der Webseite hinzugefügt. Die dadurch verursachten Veränderungen sind nur so lange verfügbar, wie das entsprechende Tool im Webauftritt integriert ist.“ Sie unterscheiden zwei Grundformen, die viele Produkte kombinieren:

• Toolbar oder Widget: Ein Knopf, oft mit einem Rollstuhl- oder Personensymbol, öffnet ein Menü mit Schaltern für Schriftgröße, Kontrast, Farben, Vorlesen oder das Ausblenden von Bildern. Laut Einschätzung reicht die Spanne „von drei Schaltflächen bis hin zu über 50 Schaltflächen in einem Tool“.
• Automatische Reparatur: Ein Skript durchsucht die Seite beim Laden und versucht, fehlende Alt-Texte, Beschriftungen oder Tastaturbedienung nachzurüsten.

Das Overlay Fact Sheet, eine Erklärung von Fachleuten für digitale Barrierefreiheit, beschreibt dasselbe Prinzip: Die Reparaturen „are applied when the page loads in the user's browser“ (Overlay Fact Sheet). In Shops kommen solche Produkte als Plugin oder Erweiterung, etwa das Shopware-Plugin „Barrierefrei Hilfswerkzeuge“ im Shopware Store mit Schaltern für Kontrast, Textgröße und Lesehilfe. Manche werben ausdrücklich mit dem BFSG; das WordPress-Plugin BarrierEase etwa verspricht auf seiner Seite im WordPress-Verzeichnis „Automatische BFSG-Konformität“.

Warum ein Overlay die Pflicht nicht erfüllt

Was das Gesetz verlangt

Nach § 3 Abs. 1 BFSG sind Dienstleistungen barrierefrei, „wenn sie für Menschen mit Behinderungen in der allgemein üblichen Weise, ohne besondere Erschwernis und grundsätzlich ohne fremde Hilfe auffindbar, zugänglich und nutzbar sind“. § 12 Nr. 3 BFSGV verlangt, dass Webseiten „einschließlich der zugehörigen Online-Anwendungen“ „auf konsistente und angemessene Weise wahrnehmbar, bedienbar, verständlich und robust gestaltet werden“. Für Anmeldung und Zahlung kommt § 19 BFSGV dazu.

Verantwortlich sind Sie. Nach § 14 Abs. 3 BFSG gewährleistet der Dienstleistungserbringer, „dass die Barrierefreiheitsanforderungen der nach § 3 Absatz 2 zu erlassenden Rechtsverordnung stets erfüllt werden, wenn er eine Dienstleistung anbietet oder erbringt“. Der Vertrag mit einem Widget-Anbieter ändert daran nichts.

Auslegung: Das BFSG nimmt nach § 1 Abs. 4 Nr. 4 BFSG „Inhalte von Dritten, die von dem betreffenden Wirtschaftsakteur weder finanziert noch entwickelt werden noch dessen Kontrolle unterliegen“ aus. Ein Widget, das Sie selbst einbinden und bezahlen, fällt nach unserer Einschätzung nicht darunter. Es ist Teil Ihres Shops und muss selbst barrierefrei sein.

Was die Überwachungsstellen dazu sagen

Die Einschätzung richtet sich an öffentliche Stellen. Auslegung: Ihre technischen Aussagen gelten nach unserer Einschätzung für jeden Onlineshop genauso, denn ein Skript wirkt auf Ihrer Seite nicht anders als auf einer Behördenseite. Die Kernsätze aus der Zusammenfassung, wörtlich:

• „Ein nicht barrierefreier Webauftritt wird durch den Einsatz eines Overlay-Tools nicht zwingend barrierefrei gemäß den gesetzlichen Anforderungen.“
• „Der Einsatz eines Overlay-Tools entbindet die Verantwortlichen nicht davon den Webauftritt grundsätzlich barrierefrei zu gestalten.“
• „Oft verschlechtert die Einbindung eines Overlay-Tools die Zugänglichkeit eines Webauftritts für Nutzende Assistiver Technologien.“
• „Overlay-Tools selbst müssen komplett barrierefrei und abschaltbar sein.“

Dazu drei Gründe aus dem Text, die für Ihren Shop besonders zählen:

1. Ihre Kunden haben ihre Hilfsmittel schon. „Menschen mit Beeinträchtigungen haben diese Einstellungen in der Regel im Betriebssystem ihres Geräts oder in dem von ihnen genutzten Browser vorgenommen.“ Wer einen Screenreader oder eine Vergrößerungssoftware nutzt, braucht keinen Kontrastknopf auf Ihrer Seite, sondern eine Seite, die mit diesen Programmen funktioniert.
2. Ein Skript versteht Ihr Bild nicht. Eine automatische Bilderkennung kann laut Einschätzung in einigen Fällen funktionieren, aber: „Der Zweck des Bildes sowie dessen Bedeutung im individuellen Kontext kann jedoch nicht automatisiert erfasst werden.“ Ob auf dem Produktfoto die Farbe, das Material oder die Größe das Wichtige ist, wissen nur Sie.
3. Automatik findet nicht alles. „Nur ein kleiner Teil der mehr als 100 Barrierefreiheitsanforderungen der EN 301 549 kann automatisiert geprüft werden.“ Ein Werkzeug, das einen Fehler nicht findet, kann ihn auch nicht beheben. Das W3C sagt dasselbe über Prüfwerkzeuge: „Tools cannot check all accessibility aspects automatically. Human judgement is required.“ (W3C, Selecting Web Accessibility Evaluation Tools)

Die europäische Behindertenvertretung EDF und der Fachverband IAAP haben sich 2023 in einer gemeinsamen Erklärung genauso festgelegt: „Overlays do not make the website accessible or compliant with European accessibility legislation.“

Wo ein Overlay legitim helfen kann

Die Überwachungsstellen sind nicht pauschal dagegen. Sie schreiben: „Overlay-Tools können eine schon vorhandene Barrierefreiheit verbessern, indem z. B. zusätzliche Kriterien der Konformitätsstufe AAA der WCAG erfüllt werden.“ Genannt wird WCAG 1.4.8 Visuelle Präsentation, ein Kriterium der höchsten Stufe AAA, bei dem Nutzer unter anderem Vorder- und Hintergrundfarbe von Textblöcken selbst wählen können. Für Webseiten verweist die FAQ der Bundesfachstelle Barrierefreiheit auf die EN 301 549, die unter anderem auf die Erfolgskriterien der WCAG 2.1 der Stufen A und AA verweist; die für das BFSG aktualisierte Fassung soll laut FAQ auf die WCAG 2.2 verweisen. Auslegung: Ein Widget kann also eine Zugabe auf einem schon barrierefreien Shop sein, aber nie das Fundament.

Eine zweite Tür lässt die WCAG offen: Eine Seite kann auch dann konform sein, wenn sie eine vollständig konforme Alternativversion anbietet (WCAG 2.2, conforming alternate version). Nach der Einschätzung muss dafür eine Darstellungsform des Tools vollständig konform sein und denselben Inhalt und dieselbe Funktionalität bieten; daraus folgt aus Sicht der Überwachungsstellen, dass sie „über einen einzigen barrierefreien und verständlichen Schalter bzw. Link aufrufbar sein muss“. Auslegung: Das müsste der Anbieter mit einem vollständigen Prüfbericht für Ihren Shop belegen, nicht mit einer allgemeinen Werbeaussage.

Was die US-Handelsaufsicht FTC zu einem Anbieter entschieden hat

Die US-Handelsaufsicht FTC hat am 22.04.2025 eine endgültige Anordnung gegen den Overlay-Anbieter accessiBe beschlossen (FTC-Pressemitteilung). In ihrer Beschwerde warf die FTC dem Unternehmen vor, das Produkt halte nicht, was es verspricht: „accessWidget did not make all user websites WCAG-compliant“. accessiBe muss 1 Million US-Dollar zahlen und darf nicht mehr behaupten, seine automatisierten Produkte könnten jede Webseite WCAG-konform machen, solange es dafür keine Belege hat. Die FTC warf accessiBe außerdem vor, Artikel und Bewertungen Dritter so aufgemacht zu haben, als seien es unabhängige Meinungen, und seine Verbindungen zu den Verfassern nicht offengelegt zu haben.

Auslegung: Das Verfahren lief nach US-Recht und sagt nichts darüber, wie eine deutsche Behörde oder ein deutsches Gericht entscheidet. Es zeigt aber, dass eine Aufsichtsbehörde die Werbeaussage, automatisierte Produkte könnten jede Webseite WCAG-konform machen, ohne Belege nicht hinnimmt. Seien Sie bei „Testberichten“, die ein bestimmtes Widget empfehlen, vorsichtig.

Entscheidungstabelle: welches Plugin sinnvoll ist

„Plugin für Barrierefreiheit“ heißt im Shop-Alltag sehr Verschiedenes. Die Tabelle ist unsere Einordnung auf Grundlage der verlinkten Quellen.

Ein Beispiel für ein Prüf-Plugin ist der Accessibility Checker von Equalize Digital für WordPress. Der Anbieter schreibt auf seiner Seite im WordPress-Verzeichnis, das Plugin „does not add overlays, toolbars, or widgets to the front end of your website“, biete aber für einige Probleme gezielte Korrekturen an, und ehrlicherweise auch: „there is NO way for any automated tool or plugin to ensure your website is fully accessible“. Wir nennen es als Beispiel für die Art, nicht als Empfehlung; für Shopify und Shopware gibt es andere Wege, die in den Ratgebern zu Ihrem Shopsystem stehen.

So prüfen Sie ein vorhandenes Widget

Haben Sie schon ein Overlay eingebunden, prüfen Sie es mit diesen Schritten. Sie brauchen nur Ihren Browser und eine Testbestellung, die Sie vor dem Bezahlen abbrechen. Die Prüffragen beruhen auf den Anforderungen der Überwachungsstellen und den verlinkten WCAG-Kriterien.

1. Widget per Tastatur erreichen. Laden Sie die Startseite und drücken Sie mehrmals die Tabulatortaste. Erreichen Sie den Widget-Knopf, und öffnet er sich mit Enter oder Leertaste? Wenn nicht, verletzt schon das Widget WCAG 2.1.1 Tastatur. Lässt sich das Menü danach per Tastatur wieder schließen, etwa mit Escape oder einem Schließen-Knopf? Bleibt der Fokus im Menü gefangen, verletzt das WCAG 2.1.2 Keine Tastaturfalle.
2. Verdeckt es etwas? Der Knopf schwebt meist fest in einer Ecke. Prüfen Sie am Smartphone und am Rechner, ob er den Warenkorb-Knopf, den Chat oder das Cookie-Banner überdeckt, und ob beim Durchtabben ein fokussiertes Element darunter verschwindet (WCAG 2.4.11 Fokus nicht verdeckt, neu in WCAG 2.2).
3. Lässt es sich abschalten? Die Überwachungsstellen verlangen, dass Overlay-Tools „abschaltbar“ sind. Suchen Sie im Widget nach einem Schalter, der alle Änderungen zurücknimmt.
4. Den Shop ohne Widget testen. Deaktivieren Sie das Widget in einer Testumgebung oder fragen Sie den Anbieter, wie das geht. Spielen Sie dann die Kaufstrecke von der Startseite bis zur Zahlungsseite nur mit der Tastatur durch. Wie das geht, zeigt Tastaturtest in 10 Minuten. Was dabei nicht funktioniert, ist Ihr eigentlicher Arbeitsauftrag.
5. Alt-Texte an der Quelle prüfen. Öffnen Sie drei Produkte in Ihrem Shop-Admin und sehen Sie nach, ob im Feld für den Alt-Text ein beschreibender Text steht. Steht dort nichts, gibt es den Text höchstens im Skript des Widgets und nur so lange, wie das Widget läuft (WCAG 1.1.1 Nicht-Text-Inhalt).
6. Werbeaussagen sichern. Speichern Sie die Seite des Anbieters, auf der er Konformität mit dem BFSG oder Schutz vor Abmahnungen verspricht, als PDF. Das brauchen Sie für die Fragen unten und falls Sie den Vertrag kündigen.
7. Datenschutz klären. Das Overlay Fact Sheet warnt, dass manche Overlays erkennen, ob ein Hilfsmittel wie ein Screenreader läuft, und Einstellungen per Cookie über mehrere Webseiten hinweg speichern; es sieht darin ein Risiko unter der DSGVO. Fragen Sie den Anbieter, welche Daten das Widget erhebt, und lassen Sie das von Ihrer Datenschutzberatung einordnen.

Fällt das Widget bei Schritt 1 bis 3 durch, ist es selbst eine Barriere; entfernen Sie es oder lassen Sie es vom Anbieter beheben. Besteht es, darf es als Zugabe bleiben, aber erst Schritt 4 und 5 zeigen, wie barrierefrei Ihr Shop wirklich ist.

Fragen an den Anbieter

Bitten Sie schriftlich um Antwort und legen Sie sie ab:

1. Gibt es einen Konformitätsbericht (oft „VPAT“ oder „ACR“ genannt) für das Widget selbst, mit WCAG-Version und Stufe?
2. Gibt es einen Prüfbericht einer unabhängigen Stelle für meinen Shop mit eingeschaltetem Widget, und welche WCAG-Kriterien sind danach erfüllt und welche nicht?
3. Welche Korrekturen nimmt das Skript automatisch vor, und bleiben sie erhalten, wenn ich kündige?
4. Wie verhält sich das Widget, wenn ein Besucher einen Screenreader oder eine Vergrößerungssoftware nutzt, und wurde das mit diesen Programmen getestet?
5. Lässt sich das Widget für Besucher vollständig abschalten?
6. Welche Daten erhebt das Widget, wo werden sie gespeichert, und gibt es einen Vertrag zur Auftragsverarbeitung?
7. Worauf stützt sich die Aussage „BFSG-konform“, falls Sie damit werben?

Auslegung: Kann ein Anbieter Frage 2 nicht mit einem Bericht beantworten, ist die Werbung mit Konformität für Sie wertlos, denn verantwortlich bleiben nach § 14 BFSG Sie.

Was Sie stattdessen tun

1. Messen. Ein automatischer Scan und ein Tastaturtest zeigen, wo die Fehler im Shop selbst liegen.
2. An der Quelle beheben. Alt-Texte im Admin pflegen, Theme aktualisieren oder ersetzen, Farben auf mindestens 4,5:1 Kontrast für normalen Text bringen (WCAG 1.4.3), fehlerhafte Apps und Plugins ersetzen. Den vollständigen Ablauf beschreibt Website barrierefrei machen: Fahrplan in 7 Schritten.
3. Budget ehrlich planen. Was ein Widget ändert, gilt laut Überwachungsstellen nur, solange es eingebunden ist. Auslegung: Ein kostenpflichtiges Widget-Abo ist deshalb kein Ersatz für Geld in Theme-Korrekturen oder eine Prüfung. Wie Sie Angebote vergleichen, zeigt Website barrierefrei machen: realistische Budgets.
4. Ehrlich erklären. Nennen Sie in Ihrer Barrierefreiheitserklärung, was noch nicht funktioniert, und führen Sie das Widget nicht als Grund für Konformität an. Bei Nichtkonformität verlangt § 14 Abs. 4 BFSG Korrekturmaßnahmen und die unverzügliche Information der Marktüberwachungsbehörde. Den Aufbau der Erklärung liefert das Muster für die Barrierefreiheitserklärung im Onlineshop.
5. Widget entscheiden. Entfernen oder als abschaltbare Zugabe behalten, nach der Prüfung oben.

Wer vorsätzlich oder fahrlässig entgegen § 14 Abs. 1 BFSG eine Dienstleistung anbietet, handelt nach § 37 BFSG ordnungswidrig; die Geldbuße kann bis zu hunderttausend Euro betragen. Auslegung: Auf ein Widget können Sie sich dabei nicht berufen, wenn der Shop ohne es die Anforderungen nicht erfüllt.

Ihr nächster Schritt

Der kostenlose Scan prüft Ihre Startseite, eine Produktseite und den Warenkorb gegen die WCAG-Regeln und zeigt, was zuerst behoben werden sollte, ohne Konto. So sehen Sie, welche Fehler im Shop selbst stecken, unabhängig davon, was ein Widget darüberlegt. Automatische Werkzeuge finden nur einen Teil aller Barrieren; den Tastaturtest, die Prüfung Ihres Widgets und die Fragen an den Anbieter machen Sie zusätzlich von Hand.

Dieser Ratgeber ist keine Rechtsberatung. Im Zweifel klären Sie Ihren Fall mit der Bundesfachstelle Barrierefreiheit oder einer Anwältin oder einem Anwalt.

Stand: 21.10.2026. Quellen gelesen am 21.10.2026.