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 Shop-Betreiber am meisten überrascht. Die Installation eines Overlays bietet keinen Schutz, und in einem bekannten Fall wurde sogar der Anbieter selbst bestraft.
Die FTC belegte accessiBe mit einer Strafe von 1.000.000 $. Im Jahr 2025 erließ die Federal Trade Commission eine endgültige Verfügung über 1.000.000 $ gegen accessiBe, weil das Unternehmen irreführend behauptet hatte, sein Produkt accessWidget könne jede Website WCAG-konform machen, und weil bezahlte Bewertungen als unabhängig dargestellt wurden.2 Die Verfügung untersagt diese Konformitätsbehauptungen.
Websites mit Overlays werden weiterhin verklagt. Rund jede vierte der über 4.000 im Jahr 2024 in den USA eingereichten ADA-Klagen zur Barrierefreiheit im Internet richtete sich gegen eine Website, auf der bereits ein Accessibility-Widget oder -Overlay installiert war.3 Wenn Sie immer noch abwägen, ob die Plattform selbst Sie absichert, lesen Sie Ist Shopify ADA-konform?. Im bekannten Fall Murphy v. Eyebobs verklagte ein blinder Kläger einen Shop, der ein Overlay im Einsatz hatte, und der Fall endete mit einem Vergleich. Die eigenen Nutzungsbedingungen der Overlay-Anbieter räumen oft ein, dass die Installation des Produkts allein nicht ausreicht, um den gesetzlichen Anforderungen zu genügen.
Das Fazit: Ein Overlay ist ein laufendes Abo, das Ihnen ein falsches Gefühl der Sicherheit vermittelt, während die eigentlichen Probleme und das rechtliche Risiko weiterhin 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.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. ↩
