Barrierefreiheits-Overlays und der EAA: warum ein Widget Ihre Website nicht konform macht

24. September 2026 · 5 Min. Lesezeit

Seit der European Accessibility Act am 28. Juni 2025 in Kraft getreten ist, landet in fast jedem europäischen Webteam dasselbe Verkaufsversprechen: Binden Sie diese eine Zeile JavaScript ein, und Ihre Website ist über Nacht konform. Das Produkt ist ein Barrierefreiheits-Overlay, ein Widget in einer Ecke der Seite, das größere Schrift, mehr Kontrast, einen „Screenreader-Modus“ und in den ehrgeizigeren Versionen maschinell erzeugte Alternativtexte anbietet.

Es lohnt sich, genau hinzusehen, was diese Werkzeuge tun, denn das Risiko liegt in der Lücke zwischen Versprechen und Rechtslage.

Isometrische Illustration einer Webseite als gestapelte Ebenen mit einem kleinen Widget an einer Ecke
Das Widget sitzt an der Oberfläche. Die Ebenen darunter, der Code, den ein Audit liest, ändern sich nicht.

Was ein Overlay tatsächlich verändert

Ein Overlay läuft nachdem die Seite geladen ist, im Browser des Besuchers. Es kann umgestalten, was schon da ist: Schrift vergrößern, Farben invertieren, Animationen anhalten, Links umranden. Manche versuchen zusätzlich, den Code im Vorbeigehen zu flicken, indem sie einem Bild ohne Alternativtext einen raten oder einen unbeschrifteten Button mit einem aus dem Symbol abgeleiteten Label versehen.

Daraus folgen drei Dinge, die für den EAA zählen:

Vergleich in zwei Spalten: was ein Barrierefreiheits-Overlay an einer Seite ändert und was der European Accessibility Act tatsächlich prüft.Was ein Overlay berührt vs. was der EAA prüftEIN OVERLAY-WIDGET KANNDER EAA (EN 301 549) PRÜFTText vergrößern und Schrift ändern für den,der klicktKontrast erhöhen oder Farben über der SeiteinvertierenAnimationen anhalten und Links hervorhebenAlternativtexte per Maschinenmodell ratenEigene Tastenkürzel und einen eigenen„Screenreader-Modus“ hinzufügenOb jedes Bild, jedes Bedienelement und jedesFeld im Code einen echten, korrekten Namen hatOb die ganze Website mit Tastatur und demeigenen Screenreader des BesuchersfunktioniertOb Kontrast, Fokusreihenfolge undFehlermeldungen von Haus aus stimmen, ohneWidgetOb es eine Barrierefreiheitserklärung undeinen Feedback-Kanal gibtOb der Betreiber eine Konformitätsbewertungvorlegen kann, kein Anbieter-Siegel
Zwei verschiedene Fragen. Links geht es um den Besucher, der das Widget anklickt; rechts um den Code, den Sie ausliefern.

Was der EAA stattdessen verlangt

Die Richtlinie (EU) 2019/882 (in Deutschland umgesetzt durch das Barrierefreiheitsstärkungsgesetz, BFSG) erwähnt weder Widgets noch Siegel oder Anbieter. Sie legt funktionale Barrierefreiheitsanforderungen für die erfassten Produkte und Dienstleistungen fest (E-Commerce, Bankdienstleistungen, Verkehr, E-Books, Telekommunikation und weitere) und verweist auf die harmonisierte Norm EN 301 549, die für Webinhalte den Erfolgskriterien von WCAG 2.1 Stufe AA entspricht.

Diese Kriterien betreffen das, was Sie ausliefern: Hat jedes Bild eine Textalternative, jedes Formularfeld einen Namen, lässt sich der ganze Weg per Tastatur abschließen, ist die Fokusreihenfolge sinnvoll, ist der Kontrast von Haus aus ausreichend, werden Fehler in Textform beschrieben. Und sie betreffen die Organisation: Der Dienst muss eine Barrierefreiheitserklärung haben, erklären, wie er die Anforderungen erfüllt, auflisten, was noch nicht erfüllt ist, und den Menschen einen Weg geben, Probleme zu melden.

Die Marktüberwachungsbehörden jedes Mitgliedstaats können einen Wirtschaftsakteur auffordern, die Konformität nachzuweisen. Erwartet wird eine Bewertung gegen die Norm samt Dokumentation. „Wir haben ein Plugin installiert“ ist keine Bewertung, und kein Overlay-Anbieter unterschreibt Ihre Erklärung für Sie.

Der EAA legt die Pflicht dem Wirtschaftsakteur auf. Tests und Korrekturen können Sie auslagern. Die Verantwortung können Sie nicht an ein Script-Tag auslagern.
Isometrische Illustration eines Laptops neben einer Braillezeile und Kopfhörern, verbunden durch feine Linien
Die meisten Besucher mit Behinderung kommen mit bereits eingerichteter eigener Hilfstechnik. Eine zweite Ebene darüber haben sie nicht bestellt.

Die Vorgeschichte

Der Overlay-Markt ist in den USA unter dem ADA gewachsen, und dort gibt es die längste Erfahrung. Zwei Fakten genügen zur Einordnung:

Mehr als achthundert Fachleute für Barrierefreiheit, viele davon selbst Nutzer mit Behinderung, haben eine öffentliche Erklärung unterzeichnet, die Website-Betreiber bittet, sich nicht auf Overlays zu verlassen. Das ist ein ungewöhnliches Maß an Einigkeit in einem Fachgebiet, das über fast alles streitet.

Wann ein Overlay nicht schadet

Das heißt nicht, dass die Widgets nutzlos sind. Ein Besucher ohne Hilfstechnik, der bei einem langen Artikel einfach größere Schrift möchte, hat etwas von einem Schriftgrößenregler. Wenn Sie bereits eine barrierefreie Website haben und ein Widget als Komfortfunktion ergänzen, ist das Widget nicht das Problem.

Das Problem ist die Reihenfolge. Das Widget kommt auf eine barrierefreie Website, es ersetzt sie nicht. Wenn Ihr Budget entweder das Overlay-Abo oder zwei Tage eines Entwicklers abdeckt, der Labels und Fokusreihenfolge in Ihren Vorlagen korrigiert, bringt Sie nur die zweite Option dem Gesetz näher.

Was stattdessen zu tun ist

Vier Schritte zu echter EAA-Konformität: Audit gegen EN 301 549, Code beheben, Barrierefreiheitserklärung veröffentlichen, bei jedem Release weiter testen.Der Weg, der wirklich dorthin führt1AuditEchte Nutzerwege gegen EN301 549 / WCAG 2.1 AAtesten, mit Tastatur undScreenreader, nicht nurper automatischem Scan.2Code behebenAlternativtexte, Labels,Überschriften, Fokus,Kontrast, Fehlermeldungen.In den Vorlagen, damit eshält.3ErklärungDieBarrierefreiheitserklärung,die bekannten Lücken, derFeedback-Kanal. Dasverlangt dieMarktüberwachung zuerst.4Weiter testenBei jedem Release.Barrierefreiheit ist eineEigenschaft des Codes:Ohne Prüfung geht sieverloren.
Die Reihenfolge zählt: zuerst das Audit, damit Korrekturen und Erklärung auf dem beruhen, was die Website wirklich tut.

Ein praktischer Weg, den wir bei kleinen und mittleren Anbietern funktionieren sehen:

  1. Die echten Nutzerwege prüfen, nicht die ganze Website. Registrierung, Suche, Warenkorb, Bezahlung, Kontakt. Jeden Weg nur mit Tastatur und mit einem Screenreader testen, dann für den Rest einen automatischen Scan laufen lassen. Automatische Werkzeuge erfassen etwa ein Drittel der Kriterien; der Rest braucht einen Menschen.
  2. In den Vorlagen beheben. Eine korrigierte Komponente repariert jede Seite, die sie nutzt, und bleibt auch nach dem nächsten Deployment repariert.
  3. Die Barrierefreiheitserklärung schreiben, solange das Audit frisch ist: was konform ist, was noch nicht, bis wann, und wie man ein Problem meldet. Veröffentlichen Sie sie dort, wo Besucher sie mit einem Klick finden.
  4. Barrierefreiheit in den Einkauf aufnehmen. Verlangen Sie von jedem Anbieter einer Komponente, eines Themes oder Plugins eigene Konformitätsnachweise. Von dort kommen die meisten Rückschritte.
  5. Bei jedem Release erneut testen. Eine kurze Checkliste in der Pull-Request-Vorlage bewirkt mehr als jedes jährliche Audit.

Wenn Sie einen ersten Eindruck vom Stand einer Website möchten, bevor Sie darüber entscheiden, ist ein automatischer Scan gegen EN 301 549 ein vernünftiger erster Schritt, solange allen klar ist, dass er der Anfang der Bewertung ist und nicht ihr Ende.

Wir nutzen nur technisch notwendige Speicherung (Ihre Sprach- und Cookie-Auswahl, im Browser gespeichert). Kein Tracking, keine Cookies von Dritten. Cookie-Richtlinie