Das Wichtigste in Kürze
- Ein Accessibility Overlay ist ein einzelnes Skript, das automatische Compliance verspricht. Das kann es jedoch nicht leisten, da automatisierte Tools nur einen Bruchteil der WCAG abdecken.
- Über 1.000 Accessibility-Experten haben eine öffentliche Erklärung unterzeichnet, in der klargestellt wird, dass Overlays unzuverlässig sind und keine Compliance gewährleisten können.
- Die FTC hat accessiBe 2025 mit einer Geldstrafe von 1.000.000 $ belegt, weil das Unternehmen fälschlicherweise behauptet hatte, sein Widget könnte jede Website WCAG-konform machen.
- Websites, die Overlays installieren, werden trotzdem verklagt. Bei etwa 1 von 4 US-amerikanischen ADA-Web-Klagen im Jahr 2024 war eine Website betroffen, auf der bereits ein Widget lief.
- Die einzige Lösung, die rechtlich Bestand hat, ist die Anpassung des zugrunde liegenden Theme-Codes. Finde die Fehler, behebe sie an der Quelle und behalte mögliche Regressionen im Auge.
Wenn du dich schon einmal mit Shopify-Accessibility beschäftigt hast, kennst du das Versprechen: Installiere eine Zeile Code und dein Store wird über Nacht ADA- und WCAG-konform. Die Tools, die dieses Versprechen machen, nennt man Accessibility Overlays. Zu diesen Produkten gehören unter anderem accessiBe, UserWay, AudioEye und Accessibly.
Das Versprechen klingt verlockend, doch die Realität sieht anders aus. Overlays machen einen Store nicht compliant. Die Accessibility-Community lehnt sie ab, Aufsichtsbehörden haben sie bestraft und Stores, die sie einsetzen, werden weiterhin verklagt. Hier erfährst du, was tatsächlich dahintersteckt und was du stattdessen tun kannst.
Warum du uns vertrauen kannst
Jacques hat über 15 Jahre Entwicklungserfahrung im Aufbau barrierefreier Storefronts, und wir bewegen uns seit über vier Jahren im Shopify-Ökosystem. Wir haben Fudge entwickelt, einen KI-Store-Builder mit einer 5,0-Sterne-Bewertung im Shopify App Store, der Accessibility-Fehler im nativen Theme-Code behebt. Wir haben kein eigenes Overlay-Produkt, das wir dir verkaufen wollen, und unsere Sichtweise deckt sich mit dem Konsens der Accessibility-Engineering-Community, die wir hier fortlaufend 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 Hauptproblem ist struktureller Natur. Ein Overlay ist ein automatisierter Code, der erst nach dem Laden auf deine Seite reagiert. Es kann den Kontext nicht so verstehen wie ein Mensch und auch die eigentliche Ursache der Probleme nicht umschreiben.
Automatisierte Tools decken nur einen Teil des Gesamtbildes ab. Unabhängige Tests zeigen immer wieder, dass die automatische Erkennung im Schnitt nur etwa 30 bis 40 % der WCAG-Erfolgskriterien erfasst. Der Rest erfordert menschliches Urteilsvermögen – etwa bei der Frage, ob ein Alt-Text sinnvoll ist, ob die Tastaturreihenfolge logisch aufgebaut ist oder ob ein Screenreader den Checkout-Prozess wirklich abschließen kann. Ein Overlay kann diese Einschätzung nicht liefern.
Accessibility-Experten lehnen Overlays ab. Mehr als 1.000 Accessibility-Profis, darunter auch Personen, die selbst an den WCAG-Richtlinien mitgewirkt haben, sowie Entwickler hinter bekannten Screenreadern, haben das Overlay Fact Sheet unterzeichnet. Darin wird ganz klar festgehalten, dass Overlays unzuverlässig sind und keine Compliance erreichen können.1 Die National Federation of the Blind hat sie ebenfalls verurteilt, und in einer Umfrage von WebAIM gab die große Mehrheit von Fachleuten und Usern mit Behinderungen an, dass Overlays wirkungslos seien.
Overlays können die Experience sogar verschlechtern. Bei einigen Screenreader- und Tastaturnutzern stört das Overlay die von ihnen ohnehin genutzten Hilfsmittel, wodurch oft neue Barrieren geschaffen statt abgebaut werden.
Die juristische Realität: Overlays verhindern keine Klagen
Das ist der Teil, der Store-Betreiber meist am meisten überrascht. Die Installation eines Overlays bietet keinen verlässlichen Schutz – und in einem brisanten Fall wurde der Anbieter sogar selbst zur Kasse gebeten.
Die FTC hat accessiBe zu 1.000.000 $ Strafe verurteilt. Im Jahr 2025 erließ die US-Wettbewerbsbehörde (FTC) eine Strafverfügung in Höhe von 1.000.000 $ gegen accessiBe. Grund war die irreführende Behauptung, das accessWidget-Produkt könne jede Website problemlos WCAG-konform machen. Außerdem gab das Unternehmen bezahlte Bewertungen als unabhängig aus.2 Die Verfügung untersagt solche irreführenden Compliance-Aussagen künftig.
Websites mit Overlays werden trotzdem verklagt. Bei ca. 1 von 4 der über 4.000 US-ADA-Web-Klagen im Jahr 2024 ging es um Websites, auf denen bereits ein Accessibility-Widget oder ein Overlay installiert war.3 Im bekannten Gerichtsfall Murphy gegen Eyebobs verklagte ein blinder Kläger einen Shop, der ein Overlay nutzte. Das Verfahren endete schließlich in einem Vergleich. Die Nutzungsbedingungen der Overlay-Anbieter räumen oft selbst ein, dass allein das Installieren des Produkts nicht ausreicht, um den gesetzlichen Vorgaben zu entsprechen.
Das Fazit: Ein Overlay ist letztlich ein regelmäßiges Abo, das dir ein trügerisches Gefühl von Sicherheit vermittelt. Die wirklichen technischen Baustellen sowie das rechtliche Risiko bleiben jedoch ungelöst bestehen.
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.1
Was wirklich funktioniert: Behebe den Code
Jeder dauerhafte und funktionsfähige Accessibility-Fix beinhaltet eine Anpassung am zugrunde liegenden Theme-Code. Genau diesen Teil überspringen Overlays – obwohl nur dieser rechtlich wirklich verlässlich ist.
Das Modell, das wir empfehlen und auf dem wir auch Fudge aufgebaut haben, besteht aus drei Schritten:
- Mache die Fehler sichtbar. Lass deinen Store scannen, um die echten Schwachstellen in deinem Theme zu finden – von schlecht lesbarem Text durch geringen Kontrast bis hin zu fehlenden Labels oder Alt-Texten. Den kompletten Ablauf findest du in unserem Guide zum Thema Shopify ADA- und WCAG-Compliance.
- Behebe den Fehler im nativen Code. Repariere die Fehler direkt in deinem Liquid, CSS und JavaScript. So machst du die Seite selbst barrierefrei, ohne dass ein Skript den Fehler nur verdeckt. So würde auch ein professioneller Entwickler vorgehen – und genau das ist es, was Gerichte und Regulierungsbehörden anerkennen.
- Behalte mögliche Regressionen im Auge. Accessibility ist keine einmalige Aufgabe, die du einfach abhaken kannst. Bei der nächsten Theme-Aktualisierung oder Inhaltsänderung kann sich schnell wieder ein Fehler einschleichen. Bleib also dran und behalte deinen Code im Blick.
Der Unterschied ist essenziell: Ein Overlay legt sich lediglich über fehlerhaftes HTML und generiert monatliche Kosten. Wenn du stattdessen den echten Code fixt, beseitigst du das Problem an der Wurzel, verbesserst die tatsächliche Experience für alle User, und die Fehler bleiben dauerhaft behoben.
So löst du dich von einem Overlay
Falls du bereits ein solches Skript einsetzt, ist der Umstieg simpel:
- Führe ein ehrliches Audit deines Stores mit deaktiviertem Overlay durch. Setze dafür kostenlose Tools wie axe DevTools oder WAVE ein und teste ergänzend manuell mit der Tastatur und einem Screenreader.
- Repariere die gefundenen Fehler in deinem Theme-Code und starte mit den sechs häufigsten Problemen: Texte mit zu wenig Kontrast, fehlender Alt-Text, fehlende Formular-Labels, leere Links, leere Buttons sowie eine fehlende Angaben zur Seitensprache.
- Entferne das Overlay-Skript endgültig und teste alles noch einmal, um sicherzugehen, dass durch die Fixes keine neuen Fehler (Regressionen) entstanden sind.
- Veröffentliche ein Accessibility Statement (eine Erklärung zur Barrierefreiheit), das dein Ziel gemäß WCAG 2.2 AA absteckt und aufzeigt, wie User auf Probleme aufmerksam machen können.
Fudge kann dir dabei helfen, die Fehler sichtbar zu machen und Anpassungen im nativen Code für dich zu übernehmen – inklusive anschließendem Monitoring. Das ist derselbe Workflow, nur sparst du dir die lange händische Entwicklerarbeit. Ebenso kannst du über das gleiche System ergänzende Optimierungen wie das Bearbeiten vorhandener Seiten oder das Hinzufügen von strukturierten Daten steuern.
FAQ
Nein. Overlays bestehen aus automatisiertem JavaScript, das über dein aktuelles HTML geladen wird. Gleichzeitig decken automatisierte Tools nur 30 bis 40 % der WCAG-Kriterien ab. Sie können die meisten Fehler nicht beheben und nicht das menschliche Urteilsvermögen ersetzen, das für eine ordentliche Compliance erforderlich ist. Die FTC hat accessiBe 2025 wegen derartiger irreführender Aussagen mit einer Geldstrafe von 1.000.000 $ belegt.
Ja. Bei rund 1 von 4 US-ADA-Web-Klagen im Jahr 2024 ging es um Websites, auf denen bereits ein Accessibility-Widget eingebunden war. Im Fall Murphy gegen Eyebobs hat ein blinder Kläger einen Shop mit Overlay verklagt und der Rechtsstreit endete in einem Vergleich. Die Nutzungsbedingungen der Hersteller von Overlays geben oft selbst zu, dass das Produkt allein nicht ausreicht, um allen rechtlichen Vorgaben zu genügen.
Mehr als 1.000 Accessibility-Experten, darunter Mitwirkende an den WCAG-Richtlinien sowie Screenreader-Entwickler, haben das Overlay Fact Sheet unterzeichnet. Sie stellen dort klar, dass Overlays unzuverlässig sind, keine Compliance sicherstellen können und datenschutzrechtliche Bedenken mitbringen. Auch die National Federation of the Blind hat sie scharf kritisiert.
Ein Overlay ist ein Skript, das quasi über fehlerhaftem HTML ausgeführt wird, ohne es grundlegend zu lösen – und hierfür zahlst du meist monatlich. Ein Fix direkt im Code hingegen bereinigt das zugrunde liegende Liquid, CSS oder JavaScript, sodass die Seite von Grund auf barrierefrei ist. Nur dieser zweite Ansatz ist rechtlich belastbar und bringt den echten Usern einen spürbaren Mehrwert.
Ja. accessiBe (accessWidget), UserWay, AudioEye und Accessibly sind Widget-basierte Overlays, die JavaScript injizieren, um ein Accessibility-Menü anzuzeigen und automatisierte Korrekturen vorzunehmen. Sie weisen jedoch alle dieselbe große Schwachstelle auf: Sie können die meisten WCAG-Probleme nicht wirklich an der Wurzel packen.
Führe ein Audit deines Stores mit einem kostenfreien Tool wie axe DevTools oder WAVE durch und teste im Anschluss manuell via Tastatur und Screenreader. Behebe daraufhin die erkannten Fehler in deinem Theme-Code. Fudge kann hierbei helfen: Es macht Fehler sichtbar, passt sie direkt im nativen Code an und überwacht den Store im Anschluss dauerhaft auf Regressionen. Dein Problem wird dadurch endgültig behoben, statt es durch ein Skript nur zu verstecken.
Footnotes
-
Overlay Fact Sheet, unterzeichnet von über 1.000 Accessibility-Experten, overlayfactsheet.com. ↩ ↩2
-
FTC-Anordnung, durch die accessiBe zur einer Zahlung von 1.000.000 $ verpflichtet wird. Vorgeschlagen im Januar 2025, finalisiert im April 2025, ftc.gov. ↩
-
UsableNet 2024 Bericht zu Klagen rund um digitale Barrierefreiheit, usablenet.com. ↩
