Accessibility Overlays machen deinen Shopify Store nicht compliant

Wichtige Erkenntnisse

• Ein Accessibility Overlay ist ein einzelnes Skript, das automatische Compliance verspricht. Es kann dies jedoch nicht einlösen, da automatisierte Tools nur einen Bruchteil der WCAG abdecken.
• Mehr als 1.000 Experten für Barrierefreiheit haben eine öffentliche Erklärung unterzeichnet, dass Overlays unzuverlässig sind und keine Compliance erreichen können.
• Die FTC hat accessiBe 2025 mit einer Strafe von 1.000.000 $ belegt, weil das Unternehmen behauptete, sein Widget könne jede Website WCAG-konform machen.
• Websites, die Overlays installieren, werden trotzdem verklagt. Etwa eine von vier US-amerikanischen ADA-Web-Klagen im Jahr 2024 richtete sich gegen eine Website, auf der bereits ein Widget lief.
• Die einzige Lösung, die rechtlich Bestand hat, ist die Änderung des zugrunde liegenden Theme-Codes. Finde die Fehler, behebe sie an der Quelle und überwache auf Rückschritte (Regressionen).

Nein: Ein Accessibility Overlay macht einen Shopify-Store nicht ADA- oder WCAG-konform. Overlays versprechen Compliance durch eine einzige Codezeile, und zu den Produkten gehören accessiBe, UserWay, AudioEye und Accessibly. Einige Anbieter sind ehrlicher als andere, was ein Widget leisten kann, aber der Mechanismus und seine Grenzen sind die gleichen.

Die Accessibility-Community lehnt Overlays ab, Aufsichtsbehörden haben sie bestraft, und Shops, die sie nutzen, werden trotzdem verklagt.

Warum du uns vertrauen kannst

Jacques hat über 15 Jahre Entwicklungserfahrung in der Erstellung barrierefreier Storefronts, und wir sind seit über vier Jahren im Shopify-Ökosystem aktiv. Wir entwickeln Fudge, den KI-Operator für Shopify-Stores, der im Shopify App Store mit 4.9 bewertet ist und Probleme bei der Barrierefreiheit im nativen Theme-Code behebt. Wir haben kein Overlay-Produkt, das wir dir verkaufen wollen, und unsere Ansicht deckt sich mit dem Konsens der Accessibility-Entwickler-Community, den wir hier durchgängig zitieren.

Was ist ein Accessibility Overlay?

Ein Accessibility Overlay ist ein Drittanbieter-JavaScript, das du in deinem Store einfügst. Es lädt über deinen bestehenden Seiten und macht normalerweise zwei Dinge: Es zeigt ein schwebendes Accessibility-Menü (Schriftgröße, Kontrastschalter und ähnliche Widgets) und es behauptet, Accessibility-Probleme im Hintergrund automatisch zu erkennen und zu reparieren.

Das Marketing verkauft oft ein einziges Skript als Lösung für vollständige Compliance. Die technische Realität ist jedoch, dass das Skript lediglich über deinem HTML ausgeführt wird, ohne das eigentliche HTML darunter anzupassen.

Warum Overlays dich nicht compliant machen

Das Kernproblem ist struktureller Natur. Ein Overlay ist automatisierter Code, der auf deine Seite reagiert, nachdem sie geladen wurde. Es kann den Kontext nicht so verstehen wie ein Mensch, und es kann die Ursache der Probleme nicht umschreiben.

Automatisierte Tools erfassen nur einen Teil des Gesamtbildes. Gemessen an den Erfolgskriterien können automatisierte Tools laut dem Automated Accessibility Coverage Report von Deque etwa 16 der 50 Kriterien der WCAG 2.1 Level AA testen, also rund ein Drittel.¹ Der Rest, einschließlich der Frage, ob ein Alt-Text sinnvoll ist, ob die Tastaturreihenfolge logisch ist und ob ein Screenreader den Checkout abschließen kann, erfordert menschliches Urteilsvermögen. Ein Overlay kann dieses Urteilsvermögen nicht bieten.

Die Experten, die Barrierefreiheit entwickeln, lehnen Overlays ab. Mehr als 1.000 Experten für Barrierefreiheit, darunter Personen, die selbst an den WCAG-Richtlinien mitgewirkt haben, und Ingenieure hinter großen Screenreadern, haben das Overlay Fact Sheet unterzeichnet, das klar besagt, dass Overlays unzuverlässig sind und keine Compliance erreichen können.² Die National Federation of the Blind hat sie verurteilt, und in der Umfrage von WebAIM 2021 unter Accessibility-Praktikern bewerteten 67 % Overlays als nicht effektiv oder überhaupt nicht effektiv, wobei dieser Wert bei den Befragten mit Behinderungen auf 72 % anstieg.

Overlays können die Nutzererfahrung sogar verschlechtern. Für einige Screenreader- und Tastaturnutzer stört das Overlay die Hilfstechnologien, die sie bereits verwenden, und schafft neue Barrieren, anstatt sie zu beseitigen.

Die juristische Realität: Overlays verhindern keine Klagen

Das ist der Teil, der Shop-Betreiber am meisten überrascht. Die Installation eines Overlays schützt dich nicht, und in einem bemerkenswerten Fall wurde der Anbieter selbst bestraft.

Die FTC verhängte eine Strafe von 1.000.000 $ gegen accessiBe. Im Jahr 2025 schloss die Federal Trade Commission (FTC) eine Verfügung über 1.000.000 $ gegen accessiBe ab, weil das Unternehmen irreführend behauptete, sein accessWidget-Produkt könne jede Website WCAG-konform machen, und weil es bezahlte Bewertungen als unabhängig präsentierte.³ Die Verfügung untersagt diese Behauptungen zur Compliance.

Websites mit Overlays werden trotzdem verklagt. Etwa eine von vier der mehr als 4.000 im Jahr 2024 eingereichten US-amerikanischen ADA-Klagen zur Web-Barrierefreiheit richtete sich gegen eine Website, auf der bereits ein Accessibility-Widget oder Overlay installiert war.⁴ Im bekannten Fall Murphy gegen Eyebobs verklagte ein blinder Kläger einen Shop, der ein Overlay verwendete, und der Fall endete in einem Vergleich.

Die eigenen Nutzungsbedingungen der Overlay-Anbieter räumen oft ein, dass die Installation des Produkts allein nicht ausreicht, um das Gesetz zu erfüllen. Wenn du noch überlegst, ob die Plattform selbst dich absichert, lies Ist Shopify ADA-konform?.

Fazit: Ein Overlay ist ein wiederkehrendes Abo, das dir ein falsches Gefühl der Sicherheit gibt, während die zugrunde liegenden Probleme und das rechtliche Risiko bestehen bleiben.

Das Thema Datenschutz

Overlays verarbeiten oft Informationen darüber, wie Besucher mit deiner Website interagieren. Manche versuchen sogar aktiv zu erkennen, ob jemand spezielle Hilfstechnologien verwendet. Das wirft unweigerlich Fragen zum Datenschutz auf, denn die Nutzung solcher Hilfsmittel kann auf eine Behinderung hinweisen. Das Overlay Fact Sheet merkt diesen Punkt als eines der wiederkehrenden Bedenken der Branche an.²

Was wirklich funktioniert: Behebe den Code

Jede dauerhafte Lösung für Barrierefreiheit ist eine Änderung am zugrunde liegenden Theme-Code. Genau diesen Teil überspringen Overlays, und es ist der einzige Teil, der rechtlich Bestand hat.

Das Modell, das wir empfehlen und dem Fudge folgt, hat drei Schritte:

1. Finde heraus, was behoben werden muss. Scanne den Shop, um die echten Probleme in deinem Theme zu finden – von Text mit geringem Kontrast bis hin zu fehlenden Labels und Alt-Texten. Die vollständige Methode findest du in unserem Guide zu Shopify ADA- und WCAG-Compliance.
2. Behebe es im nativen Code. Repariere die Probleme direkt in deinem Liquid, CSS und JavaScript, damit die Seite selbst barrierefrei ist und nicht nur von einem Skript maskiert wird. Das ist es, was ein Entwickler tun würde und was Gerichte und Aufsichtsbehörden anerkennen.
3. Erneutes Audit nach Änderungen. Barrierefreiheit ist keine einmalige Sache. Ein zukünftiges Theme-Update oder eine Inhaltsänderung kann wieder einen Fehler einschleppen. Führe das Audit also erneut aus, wenn sich der Shop ändert.

Ein Overlay liegt über kaputtem HTML, und du kaufst es jeden Monat neu. Die Code-Behebung entfernt das Problem, verbessert die Nutzererfahrung für echte Anwender und bleibt dauerhaft repariert.

So löst du dich von einem Overlay

Wenn du bereits eines nutzt, ist der Umstieg unkompliziert:

• Führe ein ehrliches Audit deines Shops mit deaktiviertem Overlay durch, indem du ein kostenloses Tool wie axe DevTools oder WAVE plus einen manuellen Tastatur- und Screenreader-Durchlauf nutzt. Wenn du dafür eine App suchst, trennt unsere Übersicht der besten Shopify-Apps für Barrierefreiheit echte Scanner von Overlay-Widgets.
• Behebe die Probleme in deinem Theme-Code, beginnend mit den sechs häufigsten Fehlern: kontrastarmer Text, fehlende Alt-Texte, fehlende Formular-Labels, leere Links, leere Buttons und eine fehlende Seitensprache.
• Entferne das Overlay-Skript und überprüfe, dass es keine Regressionen (Rückschritte) gab.
• Veröffentliche eine Erklärung zur Barrierefreiheit (Accessibility Statement), die dein WCAG 2.2 AA-Ziel beschreibt und erklärt, wie man Probleme melden kann.

Fudge kann dieses Audit auf Wunsch durchführen und dann die gefundenen Probleme in deinem Liquid, CSS und JavaScript als Entwürfe beheben, die dein Team prüfen kann, bevor etwas live geht. Führe es jedes Mal aus, wenn sich das Theme ändert. Es ist derselbe Workflow, nur ohne die manuelle Entwicklungszeit. Du kannst auch verwandte Verbesserungen wie das Bearbeiten bestehender Seiten und das Hinzufügen von strukturierten Daten am selben Ort erledigen.

FAQ