WCAG 2.1 AA Checkliste

Alle Bilder haben beschreibenden Alt-Text. Dekorative Bilder verwenden alt="".

Texttranskript oder Audiobeschreibung für voraufgezeichnete Medien bereitstellen.

Alle voraufgezeichneten Videos haben synchronisierte Untertitel.

Voraufgezeichnete Videos haben eine Audiobeschreibung visueller Inhalte.

Erweiterte Audiobeschreibungen für komplexe visuelle Inhalte in Videos.

Farbe ist nicht das einzige Mittel zur Informationsvermittlung (z.B. verwenden Fehlerzustände auch Symbole/Text).

Text hat mindestens ein Kontrastverhältnis von 4,5:1. Großer Text (18px+) benötigt 3:1.

Text kann auf 200 % vergrößert werden, ohne Inhalt oder Funktionalität zu verlieren.

UI-Komponenten und Grafiken haben mindestens ein Kontrastverhältnis von 3:1.

Alle Funktionen sind ausschließlich über die Tastatur bedienbar (keine Maus erforderlich).

Benutzer können jede Komponente mit der Tastatur verlassen.

Einen Link zum Hauptinhalt springen bereitstellen.

Der Fokus bewegt sich in einer logischen, sinnvollen Reihenfolge.

Der Tastaturfokus-Indikator ist auf allen interaktiven Elementen sichtbar.

Formularfelder verwenden korrekte <label>-Elemente. Überschriften verwenden semantisches HTML (h1-h6).

Formularfehler werden eindeutig identifiziert und im Text beschrieben.

Alle Formularfelder haben sichtbare Beschriftungen (nicht nur Platzhalter).

Benutzerdefinierte UI-Komponenten haben korrekte ARIA-Rollen, Namen und Zustände.

Die Lesereihenfolge im DOM entspricht der visuellen Darstellung.

Jede Seite hat einen beschreibenden, eindeutigen <title>.

Überschriften und Beschriftungen beschreiben Thema oder Zweck.

Das lang-Attribut ist im <html>-Element gesetzt.

Inhalte in einer anderen Sprache sind mit dem lang-Attribut markiert.