Barrierefreiheits-Overlay oder Korrektur an der Quelle.

Ein Barrierefreiheits-Overlay versucht, Barrieren mit einem Skript zu überdecken, das nach dem Laden der Seite läuft; die Korrektur an der Quelle behebt das Problem im eigenen Code, in den Templates und in den Inhalten der Website.

Die beiden Ansätze beantworten dieselbe Frage von zwei verschiedenen Stellen aus. Ein Overlay legt eine Schicht über die Website: Der Code ändert sich nicht, nach dem Laden der Seite läuft ein Skript. Die Korrektur an der Quelle verändert die Website selbst: Templates, Komponenten, Farbe und Inhalte. Die Barrierefreiheitsprüfung dieses Studios tut Letzteres und fügt der Seite keine Korrekturschicht hinzu; der folgende Vergleich legt die Gründe für diese Wahl zusammen mit dem tatsächlichen Nutzen des Overlays dar.

Was kann ein Barrierefreiheits-Overlay, und was kann es nicht?

Die gemeinsame Erklärung der Fachleute (Overlay Fact Sheet) teilt Overlays in zwei Arten ein. Die erste bietet Nutzern eine Werkzeugleiste: Schriftgröße, Kontrast, Zeilenabstand. Laut der Erklärung nutzen die meisten Menschen mit Behinderung die Entsprechungen dieser Einstellungen bereits in ihrem Betriebssystem, ihrem Browser oder ihrer eigenen assistiven Technologie; die Werkzeugleiste ist oft eine Doppelung. Die zweite versucht, den Code der Seite automatisch zu reparieren. Die Grenzen, die die Erklärung aufzählt: Alternativtext, der ohne Kenntnis der Bildbedeutung geschrieben wird, Formularfelder, die nicht der richtigen Beschriftung zugeordnet werden können, fehlendes Tastaturverhalten, das sich nicht zuverlässig reparieren lässt, und Rückstand bei dynamisch wechselnden Inhalten.

Bei der Konformität ist die Frage eindeutiger. Die Konformitätsanforderungen der WCAG werden für vollständige Seiten und für alle Erfolgskriterien der jeweiligen Stufe bewertet. Ein Skript kann den Zweck eines Bildes, das Ziel eines Links oder die Verständlichkeit einer Fehlermeldung nicht von sich aus kennen; das sind Entscheidungen für jemanden, der den Inhalt kennt. Die US-amerikanische Federal Trade Commission befand 2025 die Behauptung eines Overlay-Anbieters, er mache „jede Website WCAG-konform“, für unbelegt und bestätigte im April 2025 die abschließende Anordnung, die die Wiederholung dieser Behauptung ohne Nachweis untersagt.

Einen echten Nutzen hat das Overlay: Es ist schnell eingerichtet und erfordert keinen Eingriff in den Code der Website. Deshalb wirkt es für ein Team, das den Code nicht ändern kann, auf den ersten Blick verlockend. Diese Geschwindigkeit ist aber kein Nachweis der Konformität; der Fehler an der Quelle bleibt, wo er ist.

Wie sieht die Korrektur an der Quelle auf dieser Website aus?

Die Overlay-Spalte dieses Vergleichs stützt sich auf externe Quellen; ein Overlay haben wir auf dieser Website nicht selbst gemessen. Die Beispiele in der Spalte zur Korrektur an der Quelle stammen dagegen aus dem eigenen Code dieser Website und aus der Suite, die bei jedem Release läuft. Drei Beispiele, alle drei ausführlich in eigenen Leitfäden:

• Fokusindikator — der Standardring des Browsers wurde entfernt und durch einen eigenen, 2 Pixel starken Ring in der Akzentfarbe der Website ersetzt; der Ring ist als Designentscheidung an einer einzigen Stelle definiert (Fokusindikator).
• Touch-Ziel — antippbare Elemente sind mindestens 44 Pixel groß; der zweibuchstabige Sprachumschalter wurde ohne optische Vergrößerung per Innenabstand auf diese Größe gebracht, und die Suite misst die Ziele auf Desktop und Mobilgerät (Größe von Touch-Zielen).
• Reduzierte Bewegung — ist im Betriebssystem „Bewegung reduzieren“ aktiv, werden die Animationsschichten gar nicht erst aufgebaut und statt eines Videos wird ein Standbild geladen; die Suite misst sowohl, dass bei aktiver Einstellung keine Bewegung aufgebaut wird, als auch, dass sie bei inaktiver Einstellung tatsächlich läuft (Einstellung für reduzierte Bewegung).

Gemeinsam ist allen dreien, dass sie dort leben, wo ein Overlay nachträglich nichts hinzufügen kann: in Farb- und Größenentscheidungen, im Template, in der Ladelogik. Aus demselben Grund gibt es auf dieser Website überhaupt kein Overlay; die Seite lädt Skripte nur von ihrem eigenen Server. Es gibt auch ein Gegenbeispiel: Die Feldränder im Kontaktformular dieser Website lagen eine Zeit lang unter der WCAG-Schwelle von 3:1 gegenüber dem Hintergrund, und die automatisierte Prüfung erkannte das nicht, weil sie diese Frage nicht stellte. Der Rand wurde in der Farbentscheidung korrigiert und ein Wächtertest ergänzt. Von einer Schicht ist ebenso wenig zu erwarten, dass sie einen Fehler sieht, den das Werkzeug nicht sieht (die Grenzen automatisierter Prüfungen).

Was ist wann sinnvoll?

Kurzfristig kann ein Overlay manchen Besuchern eine Einstellung bieten; die Antwort auf eine Prüfung, eine Erklärung oder eine gesetzliche Pflicht kann es aber nicht sein. Langfristig liegt das Problem bei der Quelle der Website: Dort entsteht der Fehler, und dort wird die Korrektur dauerhaft. Was ein Overlay ist und warum es umstritten ist, erklärt der Eintrag Barrierefreiheits-Overlay kurz.

Wenn Sie wissen möchten, ob Ihre Website diese Kriterien erfüllt: Die Barrierefreiheitsprüfung misst jedes Template Punkt für Punkt an WCAG 2.2, behebt Probleme an der Quelle und dokumentiert das Ergebnis.

HÄUFIGE FRAGEN

Macht ein Barrierefreiheits-Overlay eine Website rechtlich konform?

Dass es das allein leistet, ist nicht nachgewiesen. Die US-amerikanische Federal Trade Commission befand 2025 die Behauptung eines Overlay-Anbieters, er mache „jede Website WCAG-konform“, für unbelegt und untersagte ihre Wiederholung ohne Nachweis; WCAG-Konformität wiederum verlangt, dass auf vollständigen Seiten alle Erfolgskriterien erfüllt sind. Dies ist keine Rechtsberatung.

Womit beginnt man, wenn man das Overlay entfernt und an der Quelle korrigiert?

Mit einer Prüfung. Zuerst wird gemessen, welches Kriterium in welchem Template verletzt ist, dann wird auf Ebene von Template und Komponente korrigiert; wird jede Korrektur durch einen Test abgesichert, kehrt der Fehler in späteren Releases nicht zurück.

Lassen sich Overlay und Korrektur an der Quelle kombinieren?

Technisch ja, aber das Overlay beseitigt den Fehler an der Quelle nicht und kann selbst zu einer neuen Fehlerquelle werden. Die gemeinsame Erklärung der Fachleute empfiehlt, sich nicht langfristig auf Overlays zu verlassen und Probleme an ihrer Quelle zu beheben.