Topics

Ersetzen Accessibility-Overlay-Services die Umsetzung von WCAG 2.2 AA auf der Website?

Hallo, ich bin Morimoto, Geschäftsführer von Liberogic.

Über das Kontaktformular melden sich Kundinnen und Kunden, die sich zum Thema Accessibility beraten lassen möchten. In den Erstgesprächen werde ich häufig gefragt: "Kann man mit diesem Service JIS- oder WCAG-Konformität erreichen?"

Am Rand vieler Websites befindet sich ein Symbol mit einer menschlichen Figur. Darüber lassen sich Schriftgröße, Farbschema, Vorlesefunktion und weitere Optionen einstellen. Dienste dieser Art werden allgemein als "Accessibility-Overlays" bezeichnet. Manche Produkte korrigieren Probleme einer Seite zusätzlich automatisch per JavaScript.

Solche Funktionen können nützlich sein, doch allein durch die Installation eines Overlays wird eine Website nicht barrierefrei, und ich halte es auch nicht für möglich, damit die WCAG-Konformitätsstufe AA zu erreichen.

Auch die Web Accessibility Initiative (WAIC) und das Pionierunternehmen Mitsuei haben darauf schon seit Langem hingewiesen.
[Quelle: WAIC: Sind Accessibility-Overlays wirksam, um Barrierefreiheit sicherzustellen? Können sie die Konformitätsstufe AA erfüllen?]
[Quelle: Mitsuei Links: Gedanken zu Accessibility-Overlays]

Zeitweise gab es sogar Chrome-Erweiterungen, mit denen sich solche Dienste wieder entfernen ließen.
Hier habe ich die Antworten auf diese Fragen, einschließlich Beispielen aus Europa und Nordamerika, als Referenz zusammengestellt.

Die Kontrolle liegt bei den Nutzenden

Jeder nutzt das Web in einer anderen Umgebung. Manche vergrößern die Seite im Browser, andere verwenden die Farbeinstellungen des Betriebssystems, wieder andere nutzen Screenreader oder Spracheingabe oder bedienen alles nur mit der Tastatur. Viele haben ihre Einstellungen zudem auf mehreren Websites gleichermaßen hinterlegt.

Das W3C erklärt, dass Anpassungen von Schrift und Nutzereinstellungen eher von "User Agents" bereitgestellt werden sollten als vom Webinhalt selbst.
Dazu gehören Browser und Assistive Technologien, was jedoch nicht bedeutet, dass Websitebetreibende überhaupt nichts berücksichtigen müssen.
Die Aufgabe der Website ist es, sich in der vom Nutzenden gewählten Umgebung nutzen zu lassen.
[Quelle: W3C: Überblick über UAAG]

Wenn Nutzende eine Einstellung zur Reduzierung von Bewegung aktiviert haben, kann die Website Animationen mithilfe von prefers-reduced-motion entsprechend anpassen. Für eine hohe Kontraststufe gibt es prefers-contrast, für den Erzwungenen Farbmodus forced-colors.

Diese Anforderungen sind nicht Teil der Konformitätsstufen A und AA der WCAG 2.2. Dennoch ist es eine wirksame Möglichkeit, die Einstellungen, die Nutzende bereits selbst gewählt haben, von der Website direkt übernehmen zu lassen. Diesen Ansatz sollte man prüfen, bevor man eigene Umschaltflächen einrichtet.
[Quelle: MDN: prefers-reduced-motion]

Zusätzliche Funktionen und die Behebung von Website-Problemen sind zwei verschiedene Dinge.

Overlay-Dienste bieten Funktionen zur Änderung der Schriftgröße und Farben sowie eine automatische Korrektur von Problemen wie HTML-Fehlern.
Die Änderung von Schriftgröße und Farben kann einigen Menschen helfen. Wer den Browser oder assistive Technologien bereits passend eingestellt hat, kann dadurch jedoch Funktionen doppelt haben, die sich gegenseitig stören und die gewohnten Einstellungen und Bedienung beeinträchtigen.

Auch die automatische Korrektur von HTML-Problemen hat Grenzen. Alternativtexte für Bilder etwa müssen so formuliert sein, dass sie die Aussage des Bildes im jeweiligen Seitenkontext wiedergeben. Außerdem stellt sich die Frage, ob der Zweck eines Eingabefelds verständlich ist, ob sich die Seite allein mit der Tastatur bedienen lässt, ob der Fokus nach dem Öffnen eines Dialogs korrekt verschoben wird und ob die Rolle und der Status eigener Schaltflächen für assistive Technologien erkennbar sind. Solche Probleme lassen sich nicht allein durch Anpassungen am Erscheinungsbild lösen. Auch wenn sich einige Stellen automatisch korrigieren lassen, muss die tatsächliche Nutzbarkeit von Menschen durch manuelle Tests überprüft werden.

Die gemeinsame Erklärung des European Disability Forum (EDF) und der International Association of Accessibility Professionals (IAAP) weist darauf hin, dass einige Funktionen von Overlays zwar hilfreich sein können, sich aber mit Browsern und assistiven Technologien überschneiden oder diese stören können.
Außerdem stellen beide klar, dass Overlays die Behebung von Problemen direkt in der Website nicht ersetzen können.
[Quelle: gemeinsame Erklärung von EDF und IAAP]

Der europäische Ansatz: Probleme an der Wurzel beheben

Die Europäische Kommission erwähnt Overlays ausdrücklich in ihren Hinweisen zur Web Accessibility Directive, die für Websites und Apps des öffentlichen Sektors gilt.

Overlays, die nicht garantieren, dass die Website selbst die detaillierten technischen Anforderungen erfüllt, sind keine angemessene Lösung. Barrierefreiheitsprobleme sollten am besten an der Wurzel behoben werden.

So lautet die Aussage.
Bitte beachten: Die EU hat die Technologie Overlay nicht pauschal verboten.
[Quelle: Europäische Kommission: Web accessibility]

In Frankreich ordnete das Landgericht Caen im Juni 2026 einem großen Einzelhandelsunternehmen an, die Barrierefreiheit seines Onlineshops und seiner App zu verbessern.
Der Fall sagt nichts darüber aus, ob Overlays zulässig sind, wird hier aber dennoch aufgeführt, weil geprüft wurde, ob die tatsächlichen Dienste nutzbar sind.
[Quelle: von französischen Justizbehörden veröffentlichte Gerichtsdokumente]

In den USA wird die Aussage „Mit dieser Lösung WCAG-konform“ zum Problem

In den USA hat die Federal Trade Commission (FTC) im April 2025 eine endgültige Einwilligungsanordnung gegen einen Anbieter von Barrierefreiheits-Overlays erlassen. Die FTC warf dem Unternehmen vor, Behauptungen wie „Jede Website kann an WCAG angepasst werden“ seien falsch, irreführend oder nicht hinreichend belegt.
Die Anordnung verlangt eine Zahlung von 1 Million US-Dollar und untersagt vergleichbare Werbeaussagen ohne Belege.
Der Fall betrifft die Werbung eines bestimmten Unternehmens und ist kein Urteil, dass alle Overlays rechtswidrig sind, wird hier aber als Beispiel aufgeführt.
[Quelle: FTC: Ankündigung der endgültigen Einwilligungsanordnung]

In einem anderen Verfahren beantragte der Websitebetreiber unter Verweis auf unter anderem ein Overlay und die angebliche WCAG-2.1-AA-Konformität der Website die Abweisung der Klage. Im März 2025 lehnte das Gericht diesen Antrag ab und ließ das Verfahren fortgehen.
Die Klägerin hatte geltend gemacht, dass beim Kauf von Produkten und beim Abrufen von Nährwertinformationen weiterhin Barrieren bestünden. Der Fall zeigt, dass der Einsatz eines Tools oder ein Konformitätsbericht allein das Verfahren nicht beenden konnte, solange das Problem nicht behoben war.
Das Urteil stellt nicht endgültig fest, dass das Overlay selbst neue Barrieren geschaffen hat, wird hier aber als Beispiel aufgeführt.
[Quelle: gerichtliche Entscheidung]

Das US-Justizministerium erklärt, dass automatisierte Prüfungen und Overlays in manchen Fällen hilfreich sein können, rät jedoch zu einem vorsichtigen Einsatz. Ein Ergebnis „keine Probleme“ bei einer automatisierten Prüfung bedeutet nicht, dass alle Inhalte barrierefrei sind.
Das Ministerium empfiehlt, automatisierte Prüfungen mit manueller Überprüfung durch Menschen zu kombinieren.
[Quelle: US-Justizministerium: Web accessibility guidance]

Was bedeutet WCAG 3.0?

Stand September 2026 ist WCAG 3.0 noch ein Entwurf. Anforderungen und Bewertungsmethoden können sich noch ändern. Deshalb lässt sich heute noch nicht sicher sagen, ob Overlays unter 3.0 zugelassen sein werden oder nicht. Als praktische Vorbereitung empfiehlt das W3C derzeit, zunächst die Erfolgskriterien von WCAG 2.2 umzusetzen.
[Quelle: W3C: Überblick über WCAG 3]

Der Entwurf vom 10. September 2026 sieht jedoch vor, dass Nutzer Inhaltseinstellungen über ihren Browser oder über Assistenztechnologien steuern können und dass Inhalte auf die Barrierefreiheitseinstellungen der Nutzer reagieren.
Außerdem wird das Konzept eines „Accessibility Support Set“ vorgestellt, also einer Kombination aus Browsern, Assistenztechnologien und Einstellungen, die für die Bewertung herangezogen wird.

Ein neuer Entwurf von WCAG 3.0 wurde veröffentlicht. Was hat sich diesmal geändert?
Was ändert sich mit WCAG 3.0?

Alle diese Punkte werden derzeit noch geprüft. Daraus folgt nicht, dass eine Regel gegen Overlays beschlossen wird. Man kann daraus aber auch nicht schließen, dass ein Overlay die Verbesserung der eigentlichen Website überflüssig macht.
[Quelle: W3C: WCAG 3.0 Entwurf]

Zuerst muss die Website selbst nutzbar gemacht werden.

Was Betreiber und Entwickler von Websites tun sollten, ist klar.

  • Überschriften, Schaltflächen und Formulare mit passender Bedeutung und passenden Namen versehen
  • Sicherstellen, dass alles allein mit der Tastatur bedienbar ist und die Fokusreihenfolge nachvollziehbar bleibt
  • Für Bilder passende Alternativtexte bereitstellen, die deren Funktion entsprechen
  • Vergrößerung sowie die Einstellungen der Nutzer für Farben und Bewegung unterstützen
  • Neben automatischen Prüfungen die Website mit echter Bedienung und Hilfstechnologien testen und gefundene Probleme beheben

Zusätzliche Werkzeuge können für bestimmte Nutzergruppen hilfreich sein, sofern ihre tatsächlichen Auswirkungen auf Nutzer geprüft wurden. Das Einbinden eines Werkzeugs bedeutet jedoch nicht, dass die Verbesserungen abgeschlossen sind.

Die Kontrolle über die Barrierefreiheit liegt bei den Nutzern.
Ziel ist es, dass Websites mit dem Browser, dem Betriebssystem und den Hilfstechnologien funktionieren, die die Nutzer selbst wählen.
Dafür gilt als Grundprinzip: Die Website selbst muss gebaut, geprüft und fortlaufend verbessert werden.

Übrigens bietet Liberogic das kostenlose automatische Diagnosewerkzeug Lente Scan an, mit dem Accessibility-Probleme einer Website gefunden werden können. Für Bereiche, die sich nicht automatisch prüfen lassen, bietet Liberogic zudem Lente Audit an: Hier untersuchen Expertinnen und Experten die Website und unterstützen bei der Verbesserung.
Bei der Erstellung und dem Betrieb von Websites empfehlen wir außerdem unsere kostenlose Chrome-Erweiterung, mit der sich Kontraste und Seitenstruktur überprüfen lassen.

Beide Leistungen tragen dazu bei, die Barrierefreiheit der Website selbst zu verbessern.

Über den Autor

Als Geschäftsführer immer auf Augenhöhe mit unseren Partnern. Ich verstehe neue Technologien und freue mich, wenn etwas den Alltag einfacher macht. Ich liebe die Arbeit vor Ort und tauche gern tief in Themen ein. Die Zukunftstechnologien begeistern mich, und egal wie alt man wird, möchte ich immer Neues erleben.

Tadanori Morimoto

Projektmanager / Regisseur / Gegründet 2007

Artikel dieses Teammitglieds ansehen

Fallstudien