WCAG 2.2 – alle Erfolgskriterien im Überblick
Die WCAG sind der Maßstab, auf den sich BFSG und EAA stützen. Diese Übersicht listet alle Erfolgskriterien der Fassung 2.2 – links die Kurzfassung zum Überfliegen, dahinter die Seite mit der Erklärung.
A ist die Grundstufe, AA der Maßstab für BFSG und EAA, AAA das Optimum. Verpflichtend ist in aller Regel AA.
A 32 · AA 24 · AAA 31 — 87 Kriterien
| Nr. | Inhalt | In einem Satz |
|---|---|---|
| 1.1 Textalternativen Prinzip 1: Wahrnehmbar | ||
| 1.1.1 | Nicht-Text-Inhalt | Alles, was kein Text ist, braucht eine Textalternative – Bilder, Symbole, Diagramme, Steuerelemente. |
| 1.2 Zeitbasierte Medien Prinzip 1: Wahrnehmbar | ||
| 1.2.1 | Reine Audio- und reine Videoinhalte (aufgezeichnet) | Eine reine Tonaufnahme braucht ein Transkript, ein Video ohne Ton eine Beschreibung. |
| 1.2.2 | Untertitel (aufgezeichnet) | Jedes aufgezeichnete Video mit Ton braucht Untertitel. |
| 1.2.3 | Audiodeskription oder Volltext-Alternative (aufgezeichnet) | Was man nur sehen kann, muss auch hörbar oder lesbar sein – wahlweise als Beschreibung oder als Volltext. |
| 1.2.4 | Untertitel (live) | Auch Live-Übertragungen brauchen Untertitel. |
| 1.2.5 | Audiodeskription (aufgezeichnet) | Aufgezeichnete Videos brauchen eine Audiodeskription – ein Transkript genügt hier nicht mehr. |
| 1.2.6 | Gebärdensprache (aufgezeichnet) | Aufgezeichnete Videos werden zusätzlich in Gebärdensprache übersetzt. |
| 1.2.7 | Erweiterte Audiodeskription (aufgezeichnet) | Reichen die Sprechpausen für die Beschreibung nicht aus, wird das Video angehalten. |
| 1.2.8 | Medienalternative (aufgezeichnet) | Zusätzlich zu allem anderen gibt es eine vollständige Textfassung. |
| 1.2.9 | Reines Audio (live) | Live gesprochene Inhalte ohne Bild bekommen eine Textalternative in Echtzeit. |
| 1.3 Anpassbar Prinzip 1: Wahrnehmbar | ||
| 1.3.1 | Info und Beziehungen | Struktur muss im Code stehen, nicht nur in der Optik. |
| 1.3.2 | Bedeutungstragende Reihenfolge | Die Reihenfolge im Code muss die gleiche Bedeutung ergeben wie die Anordnung auf dem Bildschirm. |
| 1.3.3 | Sensorische Eigenschaften | Anweisungen dürfen sich nicht allein auf Form, Farbe, Größe oder Position beziehen. |
| 1.3.4 | Ausrichtung Neu in WCAG 2.1 | Inhalte dürfen nicht auf Hoch- oder Querformat festgelegt werden. |
| 1.3.5 | Eingabezweck bestimmen Neu in WCAG 2.1 | Felder, die persönliche Daten abfragen, müssen maschinenlesbar gekennzeichnet sein. |
| 1.3.6 | Zweck bestimmen Neu in WCAG 2.1 | Auch Bedienelemente und Symbole werden maschinenlesbar ausgezeichnet. |
| 1.4 Unterscheidbar Prinzip 1: Wahrnehmbar | ||
| 1.4.1 | Benutzung von Farbe | Farbe darf nie das einzige Mittel sein, um etwas zu vermitteln. |
| 1.4.2 | Audio-Steuerelement | Ton, der von allein losgeht und länger als drei Sekunden läuft, muss abschaltbar sein. |
| 1.4.3 | Kontrast (Minimum) | Text braucht mindestens 4,5:1 Kontrast zum Hintergrund, großer Text 3:1. |
| 1.4.4 | Textgröße ändern | Text muss sich auf 200 % vergrößern lassen, ohne dass Inhalt verlorengeht. |
| 1.4.5 | Bilder eines Textes | Text gehört als Text ausgeliefert, nicht als Bild. |
| 1.4.6 | Kontrast (erhöht) | Text erreicht mindestens 7:1 Kontrast, großer Text 4,5:1. |
| 1.4.7 | Wenig oder kein Hintergrundaudio | Bei gesprochenen Aufnahmen sind Hintergrundgeräusche leise oder abschaltbar. |
| 1.4.8 | Visuelle Präsentation | Der Leser kann Farben, Zeilenbreite, Zeilenabstand und Ausrichtung anpassen. |
| 1.4.9 | Bilder eines Textes (kein Ausnahmefall) | Textbilder werden nur noch für reine Dekoration und Logos verwendet. |
| 1.4.10 | Reflow Neu in WCAG 2.1 | Inhalte müssen sich ohne seitliches Scrollen auf schmale Fenster umbrechen. |
| 1.4.11 | Nicht-Text-Kontrast Neu in WCAG 2.1 | Auch Bedienelemente und wichtige Grafiken brauchen 3:1 Kontrast. |
| 1.4.12 | Textabstand Neu in WCAG 2.1 | Wer Zeilen-, Wort- und Absatzabstände vergrößert, darf nichts verlieren. |
| 1.4.13 | Inhalt bei Hover oder Fokus Neu in WCAG 2.1 | Eingeblendete Inhalte müssen erreichbar bleiben und dürfen nicht von selbst verschwinden. |
| 2.1 Per Tastatur zugänglich Prinzip 2: Bedienbar | ||
| 2.1.1 | Tastatur | Alles muss sich mit der Tastatur bedienen lassen. |
| 2.1.2 | Keine Tastaturfalle | Der Tastaturfokus darf nirgends steckenbleiben. |
| 2.1.3 | Tastatur (kein Ausnahmefall) | Tastaturbedienbarkeit ohne die Ausnahmen von 2.1.1. |
| 2.1.4 | Tastenkurzbefehle aus einzelnen Zeichen Neu in WCAG 2.1 | Kurzbefehle aus einem einzelnen Buchstaben müssen abschaltbar oder umlegbar sein. |
| 2.2 Ausreichend Zeit Prinzip 2: Bedienbar | ||
| 2.2.1 | Zeiteinteilung anpassbar | Zeitbegrenzungen müssen abschaltbar, verlängerbar oder anpassbar sein. |
| 2.2.2 | Pausieren, stoppen, ausblenden | Bewegte oder automatisch wechselnde Inhalte müssen anhaltbar sein. |
| 2.2.3 | Keine Zeitbegrenzung | Es gibt gar keine Zeitvorgaben – außer bei Live-Ereignissen. |
| 2.2.4 | Unterbrechungen | Unterbrechungen lassen sich aufschieben oder unterdrücken. |
| 2.2.5 | Erneute Authentifizierung | Nach einer abgelaufenen Sitzung geht es ohne Datenverlust weiter. |
| 2.2.6 | Zeitüberschreitungen Neu in WCAG 2.1 | Nutzer werden gewarnt, wenn Untätigkeit zu Datenverlust führen kann. |
| 2.3 Anfälle und körperliche Reaktionen Prinzip 2: Bedienbar | ||
| 2.3.1 | Dreimaliges Blitzen oder weniger | Nichts darf öfter als dreimal pro Sekunde blitzen. |
| 2.3.2 | Dreimaliges Blitzen | Gar kein Blitzen über dreimal pro Sekunde – ohne die Ausnahmen von 2.3.1. |
| 2.3.3 | Animation von Interaktionen Neu in WCAG 2.1 | Bewegungsanimationen lassen sich abschalten. |
| 2.4 Navigierbar Prinzip 2: Bedienbar | ||
| 2.4.1 | Blöcke umgehen | Wiederkehrende Blöcke wie die Navigation müssen übersprungen werden können. |
| 2.4.2 | Seite mit Titel versehen | Jede Seite braucht einen aussagekräftigen Titel. |
| 2.4.3 | Fokus-Reihenfolge | Die Reihenfolge beim Durchtabben muss sinnvoll sein. |
| 2.4.4 | Linkzweck (im Kontext) | Aus dem Link – notfalls mit seinem Umfeld – muss hervorgehen, wohin er führt. |
| 2.4.5 | Verschiedene Methoden | Es gibt mehr als einen Weg, eine Seite zu finden. |
| 2.4.6 | Überschriften und Beschriftungen | Überschriften und Feldbeschriftungen müssen beschreiben, worum es geht. |
| 2.4.7 | Fokus sichtbar | Das gerade fokussierte Element muss sichtbar hervorgehoben sein. |
| 2.4.8 | Position | Der Nutzer erkennt, wo er sich innerhalb der Website befindet. |
| 2.4.9 | Linkzweck (nur Link) | Schon der Linktext allein muss das Ziel erkennen lassen. |
| 2.4.10 | Abschnittsüberschriften | Längere Inhalte werden durch Überschriften gegliedert. |
| 2.4.11 | Fokus nicht verdeckt (Minimum) Neu in WCAG 2.2 | Das fokussierte Element darf nicht vollständig verdeckt sein. |
| 2.4.12 | Fokus nicht verdeckt (erweitert) Neu in WCAG 2.2 | Das fokussierte Element darf gar nicht verdeckt sein – auch nicht teilweise. |
| 2.4.13 | Fokus-Erscheinungsbild Neu in WCAG 2.2 | Der Fokusrahmen muss eine Mindestgröße und einen Mindestkontrast haben. |
| 2.5 Eingabemodalitäten Prinzip 2: Bedienbar | ||
| 2.5.1 | Zeigergesten Neu in WCAG 2.1 | Alles, was mehrere Finger oder einen Pfad braucht, muss auch einfach gehen. |
| 2.5.2 | Zeiger-Abbruch Neu in WCAG 2.1 | Eine versehentlich begonnene Aktion muss abbrechbar sein. |
| 2.5.3 | Beschriftung im Namen Neu in WCAG 2.1 | Der sichtbare Text eines Elements muss im zugänglichen Namen enthalten sein. |
| 2.5.4 | Betätigung durch Bewegung Neu in WCAG 2.1 | Funktionen, die auf Schütteln oder Neigen reagieren, brauchen eine Alternative. |
| 2.5.5 | Zielgröße (erweitert) Neu in WCAG 2.1 | Bedienelemente sind mindestens 44 × 44 CSS-Pixel groß. |
| 2.5.6 | Gleichzeitige Eingabemechanismen Neu in WCAG 2.1 | Die Art der Eingabe darf nicht eingeschränkt werden. |
| 2.5.7 | Ziehbewegungen Neu in WCAG 2.2 | Was sich ziehen lässt, muss auch ohne Ziehen gehen. |
| 2.5.8 | Zielgröße (Minimum) Neu in WCAG 2.2 | Bedienelemente sind mindestens 24 × 24 CSS-Pixel groß oder haben genug Abstand. |
| 3.1 Lesbar Prinzip 3: Verständlich | ||
| 3.1.1 | Sprache der Seite | Die Sprache der Seite muss im Code stehen. |
| 3.1.2 | Sprache von Teilen | Fremdsprachige Textteile werden eigens ausgezeichnet. |
| 3.1.3 | Ungewöhnliche Wörter | Fachbegriffe und Redewendungen werden erklärt. |
| 3.1.4 | Abkürzungen | Abkürzungen werden bei ihrem ersten Auftreten aufgelöst. |
| 3.1.5 | Leseniveau | Verlangt der Text mehr als mittlere Schulbildung, gibt es eine einfachere Fassung. |
| 3.1.6 | Aussprache | Wo die Aussprache für das Verständnis nötig ist, wird sie angegeben. |
| 3.2 Vorhersehbar Prinzip 3: Verständlich | ||
| 3.2.1 | Bei Fokus | Ein Element in den Fokus zu nehmen darf nichts auslösen. |
| 3.2.2 | Bei Eingabe | Eine Eingabe allein darf den Zusammenhang nicht wechseln. |
| 3.2.3 | Konsistente Navigation | Die Navigation steht auf allen Seiten an derselben Stelle und in derselben Reihenfolge. |
| 3.2.4 | Konsistente Erkennung | Gleiche Funktionen heißen überall gleich. |
| 3.2.5 | Änderung auf Anfrage | Wechsel des Zusammenhangs geschehen nur auf ausdrücklichen Wunsch. |
| 3.2.6 | Konsistente Hilfe Neu in WCAG 2.2 | Hilfsangebote stehen auf allen Seiten an derselben Stelle. |
| 3.3 Hilfestellung bei der Eingabe Prinzip 3: Verständlich | ||
| 3.3.1 | Fehlererkennung | Ein Eingabefehler muss benannt werden – als Text. |
| 3.3.2 | Beschriftungen oder Anweisungen | Eingabefelder brauchen eine Beschriftung. |
| 3.3.3 | Fehlerempfehlung | Wo möglich, wird auch gesagt, wie der Fehler zu beheben ist. |
| 3.3.4 | Fehlervermeidung (rechtlich, finanziell, Daten) | Folgenreiche Eingaben lassen sich prüfen, korrigieren oder rückgängig machen. |
| 3.3.5 | Hilfe | Zu Formularen gibt es kontextbezogene Hilfe. |
| 3.3.6 | Fehlervermeidung (alle) | Prüfen, Korrigieren und Rückgängigmachen gilt für alle Formulare. |
| 3.3.7 | Redundante Eingabe Neu in WCAG 2.2 | Bereits gemachte Angaben werden nicht noch einmal abgefragt. |
| 3.3.8 | Zugängliche Authentifizierung (Minimum) Neu in WCAG 2.2 | Beim Anmelden darf keine Gedächtnisleistung verlangt werden. |
| 3.3.9 | Zugängliche Authentifizierung (erweitert) Neu in WCAG 2.2 | Auch das Erkennen von Objekten oder Bildern ist beim Anmelden unzulässig. |
| 4.1 Kompatibel Prinzip 4: Robust | ||
| 4.1.1 | Parsen (entfallen) In WCAG 2.2 entfallen | In WCAG 2.2 gestrichen – moderne Browser gleichen fehlerhaftes Markup selbst aus. |
| 4.1.2 | Name, Rolle, Wert | Jedes Bedienelement muss Namen, Rolle und Zustand maschinenlesbar mitteilen. |
| 4.1.3 | Statusmeldungen Neu in WCAG 2.1 | Meldungen ohne Fokuswechsel müssen angesagt werden. |
Wave Access prüft deine Website gegen diese Kriterien, korrigiert einen Teil davon im ausgelieferten Code und sagt dir bei den übrigen, was zu tun ist.
Wave Access entdecken →