EAA Compliance Checkliste — Vollständiger Leitfaden für Unternehmen 2026

Die European Accessibility Act (EAA) ist seit dem 28. Juni 2025 in Kraft. Unternehmen müssen ihre digitalen Produkte und Dienstleistungen barrierefrei gestalten. Aber wo fängt man an? Diese EAA Compliance Checkliste hilft Ihnen, Schritt für Schritt alle Anforderungen zu prüfen und umzusetzen.

Dieser vollständige Leitfaden enthält eine praxisorientierte Checkliste für die EAA-Konformität — basierend auf EN 301 549 und WCAG 2.1 Level AA. Perfekt für Entwickler, Compliance-Beauftragte und Geschäftsführer.

Die EAA — Ein kurzer Überblick

Die European Accessibility Act (EAA) ist eine EU-Richtlinie, die einheitliche Barrierefreiheitsanforderungen für digitale Produkte und Dienstleistungen in allen 27 EU-Mitgliedstaaten festlegt. Sie basiert auf der europäischen Norm EN 301 549, die ihrerseits auf WCAG 2.1 Level AA verweist.

Diese Checkliste hilft Ihnen, Ihre Website systematisch auf EAA-Konformität zu prüfen.

Prinzip 1: Wahrnehmbar — Checkliste

1.1.1 — Nicht-Text-Inhalte (Level A)

Anforderung: Alle nicht-textuellen Inhalte (Bilder, Grafiken, Icons) müssen einen alternativen Text haben.

Prüfmethode: Überprüfen Sie jedes Bild auf Alt-Text. Verwenden Sie alt="" für dekorative Bilder.

Beispiel: <img src="produkt.jpg" alt="Rote Handtasche mit goldenem Verschluss">

Häufiger Fehler: Fehlender oder leerer Alt-Text bei wichtigen Bildern.

✅ Alle wichtigen Bilder haben beschreibenden Alt-Text

✅ Dekorative Bilder haben alt=""

1.2.2 — Untertitel (Level A)

Anforderung: Alle synchronisierten Medien (Videos mit Ton) müssen Untertitel haben.

✅ Alle Videos haben Untertitel

1.3.1 — Informationen und Beziehungen (Level A)

Anforderung: Informationen, die visuell dargestellt werden, müssen auch programmatisch (für Screenreader) erkennbar sein.

✅ Überschriften sind mit <h1> bis <h6> ausgezeichnet

✅ Listen sind mit <ul> oder <ol> ausgezeichnet

✅ Tabellen haben <th> für Kopfzeilen

1.4.3 — Kontrast (Minimum) (Level AA)

Anforderung: Der Farbkontrast zwischen Text und Hintergrund muss mindestens 4.5:1 betragen (für normalen Text) oder 3:1 (für großen Text).

Prüfmethode: Verwenden Sie unseren Farbkontrast-Checker.

✅ Normaler Text hat 4.5:1 Kontrast

✅ Großer Text (18pt+) hat 3:1 Kontrast

1.4.4 — Textgröße ändern (Level AA)

Anforderung: Text muss bis zu 200% vergrößert werden können, ohne dass Inhalte verloren gehen.

✅ Text ist bis 200% vergrößerbar

Prinzip 2: Bedienbar — Checkliste

2.1.1 — Tastatur (Level A)

Anforderung: Alle Funktionen müssen nur mit der Tastatur bedienbar sein.

Prüfmethode: Navigieren Sie durch Ihre Website, ohne die Maus zu benutzen. Verwenden Sie nur Tab, Enter, Leertaste und Pfeiltasten.

✅ Alle interaktiven Elemente sind per Tastatur erreichbar

✅ Alle Funktionen sind per Tastatur bedienbar

2.1.2 — Keine Tastaturfalle (Level A)

Anforderung: Nutzer dürfen nicht in Elementen gefangen werden (z.B. in Modals).

✅ Es gibt keine Tastaturfallen

✅ Modals können mit Escape geschlossen werden

2.4.1 — Blöcke überspringen (Level A)

Anforderung: Es muss einen "Zum Hauptinhalt springen" Link geben.

✅ Skip-Link ist vorhanden

✅ Skip-Link ist der erste fokussierbare Link

2.4.3 — Fokus-Reihenfolge (Level A)

Anforderung: Die Tab-Reihenfolge muss logisch sein und der visuellen Anordnung folgen.

✅ Die Tab-Reihenfolge ist logisch (oben → unten, links → rechts)

2.4.4 — Link-Zweck (Level A)

Anforderung: Der Zweck eines Links muss aus dem Linktext allein oder im Kontext erkennbar sein.

Beispiel: ❌ "Hier klicken" → ✅ "Mehr über unsere Produkte erfahren"

✅ Linktexte sind beschreibend

✅ "Hier klicken" wird vermieden

2.4.7 — Fokus sichtbar (Level AA)

Anforderung: Jedes fokussierte Element muss einen sichtbaren Fokusindikator haben.

✅ Fokusindikatoren sind sichtbar

✅ outline: none wurde nicht ohne Ersatz verwendet

2.5.8 — Zielgröße (Minimum) (Level AA — WCAG 2.1)

Anforderung: Touch-Ziele müssen mindestens 24x24 Pixel groß sein.

✅ Touch-Ziele sind mindestens 24x24px groß

Prinzip 3: Verständlich — Checkliste

3.1.1 — Sprache der Seite (Level A)

Anforderung: Die Sprache der Seite muss im lang-Attribut angegeben sein.

✅ Das lang-Attribut ist gesetzt (z.B. lang="de")

3.3.2 — Beschriftungen oder Anweisungen (Level A)

Anforderung: Alle Formularfelder müssen Beschriftungen haben.

Beispiel: <label for="email">E-Mail-Adresse</label>

✅ Alle Formularfelder haben <label>

3.3.3 — Fehlervorschläge (Level AA)

Anforderung: Bei Fehlern sollten Korrekturvorschläge angezeigt werden.

✅ Fehlermeldungen enthalten Korrekturvorschläge

Prinzip 4: Robust — Checkliste

4.1.2 — Name, Rolle, Wert (Level A)

Anforderung: Alle UI-Komponenten müssen programmatisch bestimmbar sein (ARIA-Attribute).

Beispiel: <button aria-label="Menü schließen">✕</button>

✅ ARIA-Rollen und -Attribute sind korrekt

✅ Alle interaktiven Elemente haben zugängliche Namen

EAA-Compliance — Zusätzliche Anforderungen (EN 301 549)

Neben den WCAG 2.1 Kriterien enthält EN 301 549 zusätzliche Anforderungen:

Kapitel 6: IKT mit Zwei-Wege-Sprachkommunikation

✅ Telefonie- und Sprachkommunikationsgeräte sind barrierefrei

Kapitel 7: IKT mit Videofunktionen

✅ Videokommunikation hat Untertitel

✅ Gebärdensprachdolmetschung ist verfügbar

Kapitel 8: Hardware

✅ Physische Bedienelemente sind barrierefrei

✅ Audio- und visuelle Ausgabe ist barrierefrei

Kapitel 10: Nicht-Web-Software

✅ Software hat barrierefreie Benutzeroberflächen

✅ Barrierefreiheits-APIs sind implementiert

Kapitel 11: Dokumentation und Support-Dienste

✅ Dokumentation ist barrierefrei

✅ Support-Dienste sind barrierefrei

EAA-Checkliste — Zusammenfassung

Häufig gestellte Fragen — EAA Compliance Checkliste

Interne Links — EAA-Ressourcen