Was ist ein Overlay?

Wie funktionieren Website-Overlays?

Overlays können sehr einfach durch die Einbindung einer Zeile JavaScript auf einer Webseite eingebunden werden. Sie überlagern den eigentlichen Quellcode einer Seite und bieten erweiterte Funktionen an. So erhalten Nutzer*innen zum Beispiel die Möglichkeit, Schriftgrößen oder Kontraste einer Webseite individuell anzupassen.

Overlay-Tools beeinflussen dabei ausschließlich die Ansicht einer Webseite. Inhaltliche oder strukturelle Barrieren bleiben bestehen.

Warum Website-Overlays nicht die Lösung sind

Website-Overlays sind generalisierte Werkzeuge. Sie bleiben an der Oberfläche und sind nicht auf die konkreten Anforderungen der jeweiligen Website angepasst. Eine echte und nachhaltige barrierefreie Gestaltung ist dadurch nicht möglich. Zudem fehlt den Tools der Kontext für bestimmte Informationen, die für Barrierefreiheit wichtig sind. Dazu gehört beispielsweise die Erstellung von Alternativtexten zu Bildern.

Einige dieser Overlays wirken sich zudem negativ auf andere Barrierefreiheitswerkzeuge von Nutzer*innen aus. Zum Beispiel auf Screenreader. Auf diese Weise führen sie teilweise sogar zu einer reduzierten Barrierefreiheit. Einige Nutzer*innen haben daher Browser-Erweiterungen erstellt, die das Ausführen der Overlays verhindern. Das ist beispielsweise mit der Browser-Erweiterung AccessiByeBye möglich.

Nachteile von Overlays

WCAG-Kriterien werden nicht umfassend erfüllt
strukturelle und inhaltliche Barrieren bleiben bestehen
inhaltlicher Kontext wird nicht berücksichtigt
keine Generierung von fehlenden Alternativtexte zu Bildern
andere Werkzeuge zur Barrierefreiheit, zum Beispiel Screenreader, können beeinträchtigt werden

Nachteile von Overlays

WCAG-Kriterien werden nicht umfassend erfüllt
strukturelle und inhaltliche Barrieren bleiben bestehen
inhaltlicher Kontext wird nicht berücksichtigt
keine Generierung von fehlenden Alternativtexte zu Bildern
andere Werkzeuge zur Barrierefreiheit, zum Beispiel Screenreader, können beeinträchtigt werden

Website-Overlays sind generalisierte Werkzeuge. Sie bleiben an der Oberfläche und sind nicht auf die konkreten Anforderungen der jeweiligen Website angepasst. Eine echte und nachhaltige barrierefreie Gestaltung ist dadurch nicht möglich. Zudem fehlt den Tools der Kontext für bestimmte Informationen, die für Barrierefreiheit wichtig sind. Dazu gehört beispielsweise die Erstellung von Alternativtexten zu Bildern.

Einige dieser Overlays wirken sich zudem negativ auf andere Barrierefreiheitswerkzeuge von Nutzer*innen aus. Zum Beispiel auf Screenreader. Auf diese Weise führen sie teilweise sogar zu einer reduzierten Barrierefreiheit. Einige Nutzer*innen haben daher Browser-Erweiterungen erstellt, die das Ausführen der Overlays verhindern. Das ist beispielsweise mit der Browser-Erweiterung AccessiByeBye möglich.

Unter welchen Umständen kann ich Website-Overlays einsetzen?

Grundsätzlich sollte dein Ziel immer ein durchgängig barrierefrei gestalteter Internetauftritt sein. Mit einem Website-Overlay kannst du dabei maximal die Zeit überbrücken, bis deine Website barrierefrei ist. Bedenke dabei aber, dass du für die Jahreskosten eines Overlays sehr gut selber erste, dauerhafte Verbesserungen an deiner Website vornehmen kannst. In einige Fällen kann es sinnvoll sein, einzelne Overlay-Optionen anzubieten. Zum Beispiel, wenn deine Webseite Farben mit sehr geringen Kontrasten verwendet und ein Re-Design auf sich warten lässt. Es gilt also, die Vor- und Nachteile genau abzuwägen.