Barrierefreiheits-Widgets und Overlays: Brauchen Sie so etwas?

Sie haben es bestimmt schon auf anderen Websites gesehen: einen kleinen runden Knopf, oft mit einem Rollstuhl- oder Personensymbol, der in einer Ecke des Bildschirms schwebt. Ein Klick darauf öffnet ein Fenster, in dem Sie die Schrift vergrößern, die Farben ändern oder Animationen anhalten können. Die Anbieter solcher Werkzeuge sagen häufig, eine einzige Zeile Code mache Ihre Website barrierefrei und helfe Ihnen, die gesetzlichen Pflichten zu erfüllen. Für ein kleines Unternehmen oder eine Behörde klingt das verlockend. Dieser Artikel erklärt sachlich, was diese Werkzeuge sind, was sie tun und was nicht, was Behörden und Organisationen von Menschen mit Behinderungen dazu sagen und was Sie stattdessen tun können, wenn Ihre Website für alle funktionieren soll.

Was ein Barrierefreiheits-Overlay ist

Ein Barrierefreiheits-Overlay, auch Widget oder Leiste genannt, ist Software eines anderen Unternehmens, die Sie Ihrer Website hinzufügen. Sie fügen eine Zeile Code ein oder installieren eine App oder ein Plugin in Ihrem Website-Baukasten, und ab dann lädt das Overlay auf jeder Seite. Bekannte Namen sind accessiBe, UserWay, EqualWeb und AudioEye, daneben gibt es viele kleinere Angebote, darunter kostenlose Plugins.

Die meisten Overlays bestehen aus zwei Teilen:

• Einer Leiste für Besucherinnen und Besucher. Der schwebende Knopf öffnet ein Menü mit Einstellungen wie größerer Schrift, stärkerem Kontrast, einer leichter lesbaren Schriftart, hervorgehobenen Links, mehr Abstand oder angehaltenen Animationen.
• Automatischen Reparaturen. Im Hintergrund versucht ein Skript (ein kleines Programm, das im Browser der Besucher läuft), Probleme auf Ihrer Seite zu erkennen und sofort zu ändern. Es ergänzt zum Beispiel eine Beschreibung für ein Bild ohne Beschreibung oder gibt einem Knopf ohne Namen einen Namen. Manche Anbieter sagen, dass sie dafür künstliche Intelligenz einsetzen.

Entscheidend ist, wo diese Reparaturen stattfinden. Sie verändern nicht Ihre Website selbst. Sie verändern die Seite im Browser jeder einzelnen Person, bei jedem Laden aufs Neue, solange das Skript läuft.

Manche dieser Unternehmen verkaufen auch andere Leistungen, etwa Prüfungen durch Menschen oder Hilfe beim Anpassen des Codes. Das ist etwas anderes als das Widget, und um das Widget geht es in diesem Artikel.

Was Overlays versprechen

Die Werbung für diese Werkzeuge hat oft versprochen, dass eine Website automatisch die Barrierefreiheitsregeln erfüllt, innerhalb von Stunden oder Tagen, ohne dass Sie etwas an der Website ändern müssen. Manche Angebote erwähnen Schutz vor Klagen oder ein Zertifikat oder Siegel für Ihre Website.

Es hilft zu wissen, worauf sich „konform“ meist bezieht. Die meisten Barrierefreiheitsgesetze in Europa und anderswo stützen sich auf die WCAG, die Web Content Accessibility Guidelines des W3C (der Organisation, die Webstandards schreibt). Die WCAG enthalten Dutzende Anforderungen, und viele hängen von Bedeutung und Zweck ab: Stimmt die Beschreibung eines Fotos? Sagt ein Linktext, wohin er führt? Hilft eine Fehlermeldung, den Fehler zu beheben? Software kann einen Teil davon prüfen. Sie kann nicht alles für Sie entscheiden.

Was Overlays tun und was sie nicht können

Fairerweise: Manche Einstellungen der Leiste können manchen Menschen helfen. Wer größere Schrift oder mehr Kontrast möchte, bekommt das mit einem Klick. Doch wer solche Anpassungen am dringendsten braucht, hat sie meist schon, denn Browser, Smartphones und Computer bringen sie mit: Zoom, größere Standardschrift, hoher Kontrast oder Dunkelmodus, weniger Bewegung und Screenreader (Software, die den Bildschirm vorliest). Wer auf diese Einstellungen angewiesen ist, nutzt sie auf jeder Website, nicht nur auf Ihrer.

Was ein Overlay nicht zuverlässig kann:

• Wissen, was Ihre Bilder bedeuten. Ein Skript kann „Person am Schreibtisch“ raten, aber nicht, dass das Foto Ihr neues Geschäft zeigt oder dass das Diagramm eine Verdopplung Ihrer Buchungen zeigt.
• Unklare Inhalte umschreiben. Es kann Ihre Texte, Anleitungen oder Fehlermeldungen nicht verständlicher machen.
• Den Aufbau Ihrer Seiten reparieren. Ein Menü, das nicht mit der Tastatur funktioniert, ein Formular mit Feldern in verwirrender Reihenfolge oder ein Pop-up, in dem die Tastatur festhängt, erfordern meist Änderungen im Code der Website.
• Untertitel oder Transkripte ergänzen. Videos und Podcasts brauchen Untertitel und Transkripte, die Menschen schreiben oder prüfen.
• Ihre Dokumente reparieren. PDFs und andere Downloads bleiben meist unberührt.
• Weiter funktionieren, wenn das Skript es nicht tut. Lädt das Skript langsam, wird es von einer Browsererweiterung blockiert oder stürzt es ab, sehen Besucher die ursprüngliche Seite mit allen Problemen.

Menschen mit Behinderungen äußern noch eine weitere Sorge immer wieder: Overlays können im Weg sein. Ein Screenreader hat bereits seine eigene Art, sich durch eine Seite zu bewegen. Wenn ein Overlay die Seite verändert oder einen eigenen Vorlesemodus hinzufügt, können beide sich in die Quere kommen, und die Seite wird weniger vorhersehbar als vorher.

Was Behörden und Organisationen sagen

Mehrere unabhängige Stellen haben sich diese Werkzeuge genau angesehen.

• Die US-amerikanische Federal Trade Commission (FTC). Im Januar 2025 gab die FTC, die US-Behörde für Verbraucherschutz und fairen Wettbewerb, eine Beschwerde gegen accessiBe bekannt. Nach Darstellung der FTC hatte das Unternehmen behauptet, sein Werkzeug accessWidget könne jede Website WCAG-konform machen, und diese Behauptung sei falsch, irreführend oder nicht belegt. Die FTC bemängelte außerdem, dass lobende Bewertungen und Artikel als unabhängig dargestellt worden seien, obwohl das Unternehmen mit ihnen verbunden war. accessiBe stimmte zu, 1 Million US-Dollar zu zahlen und solche Aussagen ohne Belege zu unterlassen, und die FTC bestätigte die Anordnung im April 2025 endgültig (TechCrunch, Zusammenfassung der endgültigen Anordnung).
• Das Europäische Behindertenforum und die IAAP. 2023 veröffentlichten das Europäische Behindertenforum (European Disability Forum), das Organisationen von Menschen mit Behinderungen in ganz Europa vertritt, und die International Association of Accessibility Professionals eine gemeinsame Erklärung. Darin heißt es, dass Overlays eine Website weder barrierefrei noch konform mit dem europäischen Barrierefreiheitsrecht machen, dass sie kein Ersatz dafür sind, die Website selbst zu reparieren, und dass manche die assistiven Technologien von Menschen mit Behinderungen stören (Erklärung des EDF).
• Fachleute für Barrierefreiheit. Hunderte Fachleute, darunter Menschen, die an Webstandards mitschreiben, und Nutzerinnen und Nutzer mit Behinderungen, haben das Overlay Fact Sheet unterzeichnet. Es erklärt die Grenzen dieser Werkzeuge und bittet Website-Betreiber, sich nicht auf sie zu verlassen.

In den USA, wo Klagen wegen nicht barrierefreier Websites häufig sind, hat ein Widget Unternehmen auch nicht vor Gericht bewahrt. UsableNet, ein Unternehmen, das diese Fälle verfolgt, zählte 2024 mehr als tausend Klagen gegen Unternehmen, die bereits ein Widget installiert hatten (UsableNet).

Das alles heißt nicht, dass jemand, der ein Widget installiert hat, etwas falsch gemacht hat. Die meisten haben es in gutem Glauben getan, weil das Angebot nach einer schnellen Hilfe klang. Es heißt nur, dass das Widget nicht leistet, was man oft von ihm erwartet.

Was Menschen mit Behinderungen berichten

Gerade die Menschen, denen Overlays helfen sollen, sind oft am kritischsten. In einer Umfrage von WebAIM, einer gemeinnützigen Organisation der Utah State University, unter Fachleuten für Web-Barrierefreiheit aus dem Jahr 2021 bewerteten 67 % der Teilnehmenden diese Werkzeuge als gar nicht oder kaum wirksam. Unter den Teilnehmenden mit Behinderungen waren es 72 %, und nur 2,4 % hielten sie für sehr wirksam (Umfrage von WebAIM).

Häufige Erfahrungen:

• „Ich habe meine Einstellungen schon.“ Wer große Schrift, hohen Kontrast oder einen Screenreader braucht, hat das eigene Gerät längst eingerichtet. Eine Leiste, die auf jeder Website anders funktioniert, ist eine Sache mehr, die man lernen muss.
• Überraschungen für Screenreader-Nutzer. Zusätzliche Ansagen, eine veränderte Seitenstruktur oder ein Fenster, das fragt, ob man einen Screenreader nutzt.
• Das eigentliche Problem bleibt. Ein Formularfeld ohne Beschriftung oder ein Bestellvorgang, der nicht mit der Tastatur funktioniert, funktioniert weiterhin nicht.

Manche blinde Nutzerinnen und Nutzer installieren sogar eine Browsererweiterung wie AccessiByeBye von Pneuma Solutions, die Overlays auf allen besuchten Websites blockiert.

Was Sie stattdessen tun können

Der Weg, der funktioniert, ist weniger aufregend als eine Zeile Code, aber er hält: die Probleme in der Website selbst beheben, das Ergebnis prüfen und offen sagen, was noch fehlt. Die meisten kleinen Websites kommen damit in wenigen Wochen deutlich voran.

1. Finden Sie die Probleme. Beginnen Sie mit einer automatischen Prüfung Ihrer wichtigsten Seiten: Startseite, eine Produkt- oder Leistungsseite, das Kontaktformular und der Bestellvorgang. Automatische Prüfungen finden einen Teil der Probleme, etwa ein Drittel bis die Hälfte.
2. Beheben Sie zuerst die häufigsten. Bilder ohne Beschreibung, Text mit zu wenig Kontrast, Knöpfe und Links ohne Namen, Formularfelder ohne Beschriftung, eine fehlende Seitensprache und durcheinandergeratene Überschriften. Die Anleitungen zur Behebung erklären jedes Problem in einfacher Sprache.
3. Testen Sie, was Software nicht kann. Bedienen Sie Ihre Website nur mit der Tastatur, mit unserem Tastaturtest in zehn Minuten. Lesen Sie Ihre Bildbeschreibungen und Linktexte laut vor und fragen Sie sich, ob sie Sinn ergeben.
4. Bitten Sie um echte Korrekturen. Nutzen Sie ein Theme oder einen Baukasten, fragen Sie den Anbieter, ob er die WCAG 2.1 oder 2.2 auf Stufe AA einhält. Für Entwicklerinnen und Entwickler sind die technischen Details eines Prüfberichts ein guter Ausgangspunkt.
5. Veröffentlichen Sie eine Erklärung zur Barrierefreiheit. Erläutern Sie, was Sie geprüft haben, was noch Arbeit braucht und wie man Sie erreicht, wenn man nicht weiterkommt. Unsere Anleitung zur Erklärung zur Barrierefreiheit führt Sie Schritt für Schritt hindurch.
6. Prüfen Sie regelmäßig. Jede neue Seite, jedes Bild und jedes Formular kann neue Probleme mitbringen, also prüfen Sie nach Änderungen erneut.

Möchten Sie Ihren Besuchern zusätzliche Möglichkeiten bieten? Die beste „Leiste“ ist eine Website, die gut mit den Einstellungen funktioniert, die Menschen schon haben: Text, der bei 200 % Zoom lesbar bleibt, ein Layout, das sich größerer Schrift anpasst, und Animationen, die stoppen, wenn das Gerät weniger Bewegung anfordert.

Ein Widget sicher entfernen

Wenn Sie heute ein Widget nutzen und es entfernen möchten, vermeidet eine sorgfältige Reihenfolge Überraschungen.

1. Finden Sie heraus, wo es geladen wird. Sehen Sie in der App- oder Plugin-Liste Ihres Baukastens nach, in den Theme-Einstellungen, in einem Tag-Manager wie dem Google Tag Manager oder im Code im Kopfbereich Ihrer Website. Oft ist es eine einzige Zeile, die ein Skript von der Webadresse des Anbieters lädt.
2. Prüfen Sie, worauf Sie sich verlassen. Manche Websites verlinken ihre Erklärung zur Barrierefreiheit oder ihre Kontaktdaten nur im Widget. Sorgen Sie dafür, dass diese Informationen auch auf Ihren eigenen Seiten stehen.
3. Beheben Sie zuerst die wichtigsten Probleme in der Website. Hat das Widget beim Laden Bildbeschreibungen oder Knopfnamen ergänzt, verschwinden diese mit ihm. Prüfen Sie Ihre Website, beheben Sie die wichtigsten Probleme in der Website selbst und entfernen Sie erst danach das Widget.
4. Entfernen Sie den Code oder deinstallieren Sie die App. Öffnen Sie Ihre Seiten anschließend in einem privaten Fenster und prüfen Sie, ob der schwebende Knopf überall verschwunden ist.
5. Kündigen Sie das Abonnement und entfernen Sie Siegel oder Konformitätsaussagen, die dazugehörten.
6. Aktualisieren Sie Ihre Erklärung zur Barrierefreiheit und Ihre Cookie-Liste. Manche Widgets setzen Cookies oder stehen in Ihrer Datenschutzerklärung.
7. Prüfen Sie erneut, um zu sehen, wo Sie jetzt stehen und was Sie als Nächstes angehen.

Findet ibin auf einer Seite ein Widget, weist der Bericht darauf hin und erklärt, dass es die aufgeführten Probleme nicht behebt. Diese Probleme liegen in der Website selbst, und dort müssen sie auch behoben werden.

Prüfen Sie Ihre Website ohne Abkürzung

Prüfen Sie eine Seite kostenlos mit ibin und sehen Sie, welche Probleme die automatischen Prüfungen finden, wen sie betreffen und wo sie auf der Seite liegen, mit einer Anleitung zur Behebung für jedes Problem. Beginnen Sie mit Ihrer meistbesuchten Seite, beheben Sie, was der Bericht zeigt, und machen Sie danach den Tastaturtest. Melden Sie sich an, um bis zu 200 Seiten derselben Website kostenlos prüfen zu lassen, und erhalten Sie eine E-Mail, sobald die Prüfung fertig ist.

Sehen Sie, wie Ihre Website abschneidet

Prüfen Sie kostenlos eine Seite, ohne Konto. Sie erhalten eine klare Liste, was zuerst zu beheben ist, mit Bildern, wo jedes Problem liegt.

Webadresse

Diese Seite prüfen

Zum Beispiel ihrshop.de. Die Prüfung einer Seite dauert etwa 20 Sekunden und ist kostenlos.