Web-Barrierefreiheit 2026: Was sich mit dem European Accessibility Act ändert
Der EAA trat im Juni 2025 in Kraft. Was das konkret für Ihre Kundenseiten bedeutet, welche gesetzlichen Pflichten gelten und wie Sie diese Auflage in einen neuen Service verwandeln.
- Der European Accessibility Act gilt seit Juni 2025 für alle digitalen Produkte und Dienstleistungen, die in der EU verkauft werden — einschließlich E-Commerce-, Bank-, Transport- und Telekommunikationswebsites
- WCAG 2.1 AA ist der Referenzstandard: 4 Prinzipien (Wahrnehmbar, Bedienbar, Verständlich, Robust) in konkrete Kriterien übersetzt
- Für Freelancer bietet der EAA einen neuen abrechenbaren Service: Barrierefreiheits-Audit + Behebung + laufendes Konformitäts-Monitoring
Am 28. Juni 2025 trat der European Accessibility Act (EAA) — Richtlinie 2019/882 — in der gesamten Europäischen Union in Kraft. Zum ersten Mal unterliegen digitale Produkte und Dienstleistungen verbindlichen Barrierefreiheitspflichten, mit Sanktionen bei Verstößen.
Für WordPress-Website-Betreiber und ihre Dienstleister bedeutet dies einen Paradigmenwechsel. Barrierefreiheit ist kein Thema mehr, das Großunternehmen oder öffentlichen Verwaltungen vorbehalten ist. Es ist jetzt eine gesetzliche Pflicht für einen sehr breiten Kreis von Wirtschaftsakteuren.
Dieser Leitfaden erklärt, was der EAA konkret verlangt, wen er betrifft, die 5 WordPress-Quick-Wins für die häufigsten Anforderungen und wie Freelancer und Agenturen diese Pflicht in eine Geschäftsmöglichkeit verwandeln können.
Was ist der European Accessibility Act?
Der European Accessibility Act ist eine europäische Richtlinie (2019/882), die Barrierefreiheitsanforderungen für eine breite Palette von Produkten und Dienstleistungen innerhalb der EU harmonisiert. Anders als andere Richtlinien gilt sie direkt für private Wirtschaftsakteure, nicht nur für den öffentlichen Sektor.
Der europäische öffentliche Sektor war bereits durch die Richtlinie 2016/2102 und den Standard EN 301 549 abgedeckt. Der EAA erweitert diese Pflichten auf den privaten Sektor: E-Commerce, Online-Banking, Transport, Telekommunikation, digitale Bücher, Streaming und alle digitalen Dienste für Verbraucher.
In der Praxis legt der EAA funktionale Barrierefreiheitsanforderungen fest, die Produkte und Dienstleistungen erfüllen müssen. Für digitale Inhalte sind diese Anforderungen an WCAG 2.1 Niveau AA ausgerichtet — dasselbe Referenzrahmenwerk wie das RGAA in Frankreich oder die BITV in Deutschland.
Die Richtlinie gilt für alle Unternehmen, die digitale Produkte oder Dienstleistungen an Verbraucher in der EU verkaufen, einschließlich nicht-europäischer Unternehmen, die den europäischen Markt ansprechen. Die Herkunft des Unternehmens befreit nicht von der Pflicht.
WCAG 2.1 AA: die 4 Grundprinzipien
WCAG 2.1 AA (Web Content Accessibility Guidelines) ist der Referenzstandard für digitale Barrierefreiheit. Er ist um 4 Grundprinzipien herum organisiert, die jeweils in messbare Erfolgskriterien übersetzt werden.
Bilder mit Alternativtext, Untertitel für Videos, anpassbarer Inhalt je nach Nutzerbedarf (Zoom, Kontrast, Schriftgröße), ausreichender Farbkontrast (4,5:1-Verhältnis für normalen Text, 3:1 für großen Text).
Vollständige Tastaturnavigation ohne Maus, kein Inhalt, der mehr als 3-mal pro Sekunde blinkt (Anfallsrisiko), beschreibende Seitentitel, Links mit beschreibenden Labels, sichtbarer Tastaturfokus.
Im HTML deklarierte Seitensprache, konsistente Navigation zwischen Seiten, explizite Fehlermeldungen in Formularen, sichtbare und korrekt zugeordnete Formularfeldbezeichnungen.
Gültiges und gut strukturiertes HTML, korrekte ARIA-Rollen bei interaktiven Komponenten, zugängliche Namen für alle Oberflächenelemente, Kompatibilität mit Screenreadern (NVDA, VoiceOver, JAWS).
Wer ist vom EAA betroffen?
Der Geltungsbereich des EAA ist breiter als die meisten vermuten. Hier sind die wichtigsten betroffenen Akteurkategorien.
Jeder Online-Shop, der an Verbraucher in der EU verkauft, ist betroffen. Dazu gehören WooCommerce-, Shopify-, PrestaShop-Shops und alle E-Commerce-Lösungen, unabhängig von ihrer Größe.
Banken, Versicherungen, Fintech. Kontoabfrage-Oberflächen, Überweisungen und mobile Banking-Apps sind explizit angesprochen.
Ticketbuchungsseiten, Transport-Apps, interaktive Terminals. Wenn Ihr Kunde eine Transport- oder Tourismus-Website betreibt, gilt der EAA.
Telefonanbieter, Internetdienstleister. Ihre Kundenschnittstellen (Abonnentenbereich, Online-Shop) müssen barrierefrei sein.
Kleinstunternehmen (weniger als 10 Mitarbeiter und Umsatz unter 2 Mio. €), die Dienstleistungen (keine Produkte) erbringen, profitieren von einer teilweisen Befreiung. Achtung: Diese Ausnahme gilt nicht für kommerziell vermarktete physische oder digitale Produkte.
In der Praxis sind nahezu alle kommerziellen WordPress-Websites von KMU- und mittelständischen Kunden betroffen, sobald sie digitale Produkte oder Dienstleistungen an europäische Verbraucher verkaufen oder anbieten.
5 WordPress-Quick-Wins für Barrierefreiheit
Diese 5 Maßnahmen decken die am häufigsten verletzten WCAG 2.1 AA-Kriterien auf WordPress-Websites ab. Sie sind schnell umsetzbar und haben einen unmittelbaren Einfluss auf die Konformität.
1. Alternativtext für alle Bilder
Jedes informative Bild muss ein beschreibendes alt-Attribut haben. Dekorative Bilder müssen ein leeres alt haben (alt=""). Dies ist das am häufigsten fehlende Kriterium — und das einfachste zu korrigieren. Orilyt erkennt es mit Test #10.
2. Tastaturnavigation und sichtbarer Fokus
Alle interaktiven Elemente (Links, Schaltflächen, Formulare) müssen per Tab-Taste zugänglich sein. Der Tastaturfokus muss sichtbar sein (sichtbarer CSS-Outline, kein outline:none). Testen Sie Ihre Website nur mit der Tastatur. Orilyt erkennt ARIA-Probleme mit Test #31.
3. Ausreichender Textkontrast
Das Kontrastverhältnis muss mindestens 4,5:1 für normalen Text (Fließtext) und 3:1 für großen Text (Überschriften ≥ 18px) betragen. Prüfen Sie mit dem WebAIM Contrast Checker oder dem Chrome DevTools-Inspektor.
4. Verknüpfte Formular-Labels
Jedes Formularfeld muss ein explizites Label haben, das über das for/id-Attribut verknüpft ist. Platzhalter allein reichen nicht — sie verschwinden bei der Eingabe. Ein sichtbares und verknüpftes Label ist obligatorisch.
5. Konsistente Überschriftenstruktur
Die Überschriftenhierarchie (H1 > H2 > H3…) muss logisch sein und darf keine Ebenen überspringen. Ein H1 pro Seite, H2 für Hauptabschnitte, H3 für Unterabschnitte. Dies ist die Navigationsstruktur für Screenreader.
Barrierefreiheit als Geschäftsmöglichkeit für Freelancer
Der EAA schafft einen unmittelbaren und wiederkehrenden Bedarf bei KMU-Kunden. Die meisten WordPress-Websites sind nicht WCAG 2.1 AA-konform. Nur wenige Web-Dienstleister bieten Barrierefreiheit als strukturierten Service an. Dies ist ein Zeitfenster der Möglichkeiten.
Erste Barrierefreiheits-Prüfung
Umfassende Bewertung der Website anhand der für den Tätigkeitsbereich des Kunden relevanten WCAG 2.1 AA-Kriterien. Konformitätsbericht mit Priorisierung der Nichtkonformitäten nach rechtlichem Risikoniveau.
Behebung und Konformitätsherstellung
Korrektur der festgestellten Nichtkonformitäten: fehlende Alt-Texte, unzureichende Kontraste, fehlerhafte Tastaturnavigation, Formulare ohne Labels. Abgegrenzte Mission mit Ergebnis: Barrierefreiheitserklärung.
Laufendes Konformitäts-Monitoring
Websites entwickeln sich weiter: neue Seiten, neue Plugins, neue Inhalte. Eine einmalige Prüfung reicht nicht. Ein monatlicher Monitoring-Vertrag mit wiederkehrendem Konformitätsbericht ist ein leicht zu verkaufender Dauerdienst.
Für Agenturen und Freelancer, die WordPress-Kundenportfolios verwalten, rechtfertigt der EAA ein proaktives Konformitätsangebot. Das ist ein Gespräch, das Ihre Kunden noch nicht mit jemandem geführt haben, der ihnen konkret helfen kann.
Wie Orilyt Barrierefreiheit testet
Orilyt integriert Barrierefreiheitstests direkt in seine Prüf-Engine. Diese Tests ermöglichen die Identifizierung der wirkungsvollsten WCAG 2.1 AA-Nichtkonformitäten während einer Standard-Prüfung.
- Test #10 — Bilder-Alt-Text: erkennt Bilder ohne Alt-Attribut, Bilder mit ungerechtfertigtem leerem Alt und Bilder mit generischem Alt (Dateiname). Bewertung basiert auf dem Anteil konformer Bilder.
- Test #31 — Tastaturnavigation / ARIA: prüft das Vorhandensein korrekter ARIA-Rollen bei interaktiven Komponenten, die Sichtbarkeit des Tastaturfokus und das Fehlen missbräuchlicher negativer tabindex-Attribute.
- Test #11 — Lesbarkeit: analysiert Schriftgrößen, Text/Hintergrund-Kontrastverhältnis (näherungsweise) und Textdichte. Ein frühes Barrierefreiheitssignal vor einer vollständigen WCAG-Prüfung.
Jeder Test erzeugt eine FIA-Empfehlung (Fakt, Einfluss, Aktion) mit dem rechtlichen Risikoniveau, dem geschätzten Korrekturaufwand und konkreten Code-Beispielen. Das ist die Grundlage für einen einem Kunden präsentierbaren Barrierefreiheits-Prüfbericht.
Von der gesetzlichen Pflicht zum Wettbewerbsvorteil
Der EAA ist eine regulatorische Auflage — aber für Freelancer und Agenturen, die sich darauf vorbereiten, ist er vor allem eine Chance. Die Nachfrage nach Barrierefreiheits-Konformität wird in den nächsten Monaten massiv steigen, getrieben von Unternehmen, die sich ihrer rechtlichen Exposition bewusst werden.
Anbieter, die in 2025-2026 auf Barrierefreiheit positioniert sind, werden einen echten Wettbewerbsvorteil haben. Nichtkonformitäten erkennen, rechtliche Risiken quantifizieren und einen Konformitätsplan vorschlagen zu können, ist eine seltene und wertvolle Kompetenz.
Orilyt automatisiert den ersten Schritt: die Erkennungsprüfung. In 2 Minuten erhalten Sie einen Überblick über die gravierendsten Barrierefreiheitsprobleme, mit FIA-Empfehlungen, die Sie dem Kunden präsentieren können. Das ist der Ausgangspunkt für eine Konformitätsmission.