Web-Barrierefreiheit und European Accessibility Act 2025: WCAG 2.2-Leitfaden

Am 28. Juni 2025 trat der European Accessibility Act (EU-Richtlinie 2019/882) nach 5 Jahren Übergangszeit in Kraft. Praktisch alle europäischen KMU mit Online-Aktivität sind jetzt betroffen, und WCAG 2.2 Stufe AA-Konformität ist keine Option mehr. Hier ist, was 2026 zu wissen und zu tun ist, um auf der richtigen Seite des Gesetzes zu bleiben — und um Ihre Website schlicht für die 87 Millionen Europäer mit Behinderung nutzbar zu machen.

1. Was ist der European Accessibility Act?

Die EAA (Richtlinie 2019/882) harmonisiert die Regeln zur digitalen Barrierefreiheit in der Europäischen Union. 2019 verabschiedet, von den Mitgliedstaaten zwischen 2020 und 2022 umgesetzt, am 28. Juni 2025 in Anwendung getreten — mit Rückwirkung für bestehende Dienste.

Technischer Referenzstandard: EN 301 549 v3.2.1, direkt an WCAG 2.1 AA ausgerichtet (Erweiterung WCAG 2.2 für 2027 vorgesehen). In der Praxis ist 2026 das Anstreben von WCAG 2.2 AA Industriestandard geworden.

2. Wer ist 2026 betroffen?

Nicht abschließende Liste der von der EAA betroffenen Unternehmen:

• B2C-E-Commerce — Jeder Online-Shop, der an Verbraucher in der EU verkauft (Shopify, WooCommerce, Magento, Custom)
• Online-Bankdienste — Sites und Apps von Banken, Neobanken, Zahlungsdiensten
• Personenverkehr — Ticketing-Sites, Verkehrsinfo, Mobilitäts-Apps
• Telekommunikation — Telefon-/Internet-Anbieter, Vertrags- und Kontoseiten
• Digitale Dienste — SaaS, Buchungsplattformen, Marktplätze, audiovisuelle Dienste
• E-Books und E-Reader — Ebook-Verlage, Reader-Verkäufer

Kleinstunternehmen-Ausnahme: Unternehmen mit weniger als 10 Beschäftigten UND weniger als 2 Millionen € Jahresumsatz. Kumulative Kriterien — Überschreiten eines einzigen = verpflichtende Konformität.

3. WCAG 2.2 Stufe AA: 50 Schlüsselkriterien

WCAG 2.2 Stufe AA umfasst 50 Erfolgskriterien, organisiert nach 4 Prinzipien: Wahrnehmbar, Bedienbar, Verständlich, Robust (POUR). Die wirkungsvollsten für eine KMU:

4. Barrierefreiheits-Audit: Tools und Methode

OptionWeb-Methodik in 3 Stufen:

1. Automatisches Audit — deckt 30-40% der Probleme in 30 Minuten ab
2. Manuelles Audit — deckt die übrigen 60-70% in 4-8 Stunden ab
3. Echte Nutzertests — finale Validierung mit Personen mit Behinderung

5. Prioritäre Korrekturen (nach Wirkung)

Top 10 Korrekturen, die 80% der Barrierefreiheitsprobleme auf einer KMU-Site lösen:

1. Beschreibenden Alt-Text zu allen Inhaltsbildern hinzufügen (leerer Alt für dekorative)
2. Kontrast 4.5:1 auf allen Texten prüfen (Stark, axe oder Color Contrast Analyser)
3. Vollständige Tastaturnavigation testen: Tab + Shift+Tab + Enter + Leertaste + Pfeile
4. Sichtbare Fokusringe 2-4px hinzufügen (nie outline: none ohne Alternative)
5. Jedes <input> mit einem <label for> oder umschließenden <label> verknüpfen
6. ARIA-Roles/Labels auf Custom-Komponenten hinzufügen (Modal, Dropdown, Tabs)
7. Heading-Hierarchie prüfen: einzigartiger H1 pro Seite, logische Reihenfolge ohne Sprünge
8. 200% Zoom ohne Überlauf oder horizontalen Scroll erlauben
9. Zielgröße auf min. 24×24 CSS-Pixel umstellen (Buttons, klickbare Links)
10. Skip-Link 'Zum Hauptinhalt springen' am Seitenanfang (im Fokus sichtbar)

export function SkipLink() {
  return (
    <a
      href="#main-content"
      className="absolute left-0 top-0 -translate-y-full bg-cyan-300 text-black px-4 py-2 z-[100] focus:translate-y-0 transition-transform"
    >
      Aller au contenu principal
    </a>
  );
}

6. Erklärung zur Barrierefreiheit

Verpflichtendes Dokument auf einer eigenen Seite (Footer-Link), jährlich zu aktualisieren. Muss enthalten:

• Erreichtes Konformitätsniveau — Vollständig konform / Teilweise konform / Nicht konform
• Bewertungsmethodik — Internes oder externes Audit, eingesetzte Tools, Audit-Datum
• Angewandte Standards — WCAG 2.2 AA, EN 301 549, RGAA in Frankreich
• Liste bekannter nicht zugänglicher Inhalte — Mit Zeitplan zur Behebung
• Ausgenommene Inhalte — Falls zutreffend (unverhältnismäßige Belastung, Archive) mit Begründung
• Kontaktdaten — E-Mail/Formular zur Anforderung einer barrierefreien Version
• Rechtsweg — Hinweis auf das Recht, die zuständige Behörde anzurufen (in DE Marktüberwachungsbehörden, ARCOM in Frankreich)

7. Sanktionen und Risiken

Risikoniveau je Land:

Begleitrisiken oft teurer als das Bußgeld:

• Sammelklage — In Frankreich und Belgien möglich, kumulative Schäden potenziell erheblich
• Verlust öffentlicher Aufträge — Verpflichtende Barrierefreiheitsklauseln in Ausschreibungen
• Reputationsschaden — Öffentliche Listen nicht-konformer Sites durch Verbände
• Reichweitenverlust — 15-20% der europäischen Bevölkerung mit Behinderung

Compliance-Checkliste 2026

• EAA-Anwendbarkeit bestätigt — Scope-Prüfung + Kleinstunternehmen-Ausnahme
• Vollständiges Audit durchgeführt — Auto + manuell + Nutzertests in 12 Monaten
• Top 10 Korrekturen umgesetzt — Alt, Kontrast, Fokus, Labels, ARIA, Hierarchie, Zoom, Target, Skip-Link
• Erklärung zur Barrierefreiheit veröffentlicht — Eigene Seite, Footer-Link, jährliche Aktualisierung
• Tests in CI/CD integriert — jest-axe oder Playwright + axe-core auf jeder PR
• Schulung Redaktionsteams — Alt-Text verfassen, Kontrast, Struktur
• Jährliches externes Audit geplant — Validierung durch Drittexperten