Checkliste
WCAG 2.2 AA: die vollständige Checkliste auf Deutsch
Alle 55 Erfolgskriterien der Stufen A und AA mit deutscher Erklärung – und dem ehrlichen Hinweis, was eine Automatik prüfen kann und was Sie selbst prüfen müssen.
Stand: · keine Rechtsberatung
Die Web Content Accessibility Guidelines (WCAG) sind der internationale Maßstab dafür, wann eine Website barrierefrei ist. Die Fassung 2.2 ordnet jedes Erfolgskriterium einer von drei Stufen zu: A, AA und AAA. Wer „Stufe AA“ erfüllen will, muss alle Kriterien der Stufen A und AA einhalten – zusammen 55 Kriterien, davon 31 auf Stufe A und 24 auf Stufe AA. Die Stufe AAA wird in aller Regel nicht verlangt.
Warum Stufe AA für das BFSG zählt
Das Barrierefreiheitsstärkungsgesetz nennt selbst keine WCAG-Nummern. Es verweist über seine Verordnung auf harmonisierte Normen, und für Websites ist das die europäische Norm EN 301 549. Deren derzeit maßgebliche Fassung übernimmt die Kriterien der Stufen A und AA aus WCAG 2.1. WCAG 2.2 ist die neuere Fassung und enthält alle Kriterien aus 2.1 bis auf eines, das gestrichen wurde, weil moderne Browser es überflüssig gemacht haben. Wer WCAG 2.2 AA erfüllt, erfüllt damit auch WCAG 2.1 AA – deshalb ist 2.2 AA das sinnvolle Ziel, wenn Sie heute prüfen.
Wie Sie Ihre Website Schritt für Schritt prüfen, beschreibt der Artikel Die Website nach BFSG prüfen – Schritt für Schritt.
So lesen Sie die Liste
Zu jedem Kriterium steht, ob eine Maschine es prüfen kann. Die Einstufung ist unsere – sie beschreibt, was eine automatische Prüfung mit axe-core und eigenen Messungen tatsächlich abdeckt, und sie ist dieselbe, mit der unser Werkzeug seine Berichte schreibt:
- weitgehend automatisch prüfbar – 3 Kriterien. Die Maschine findet die Fehler zuverlässig; ein kurzer Blick auf Sonderfälle bleibt sinnvoll.
- teilweise automatisch prüfbar – 25 Kriterien. Die Maschine findet einen Teil der Fehler, etwa ein fehlendes Attribut, aber nicht, ob der Inhalt stimmt.
- nicht automatisch prüfbar – 27 Kriterien. Hier hilft nur der Mensch: mit Tastatur, Screenreader und gesundem Urteil.
Warum das so ist und was daraus folgt, steht im Artikel Was eine automatische Barrierefreiheitsprüfung findet – und was nicht.
Neu in WCAG 2.2
Gegenüber 2.1 sind auf den Stufen A und AA 6 Kriterien hinzugekommen. Sie betreffen vor allem Bedienung mit Maus, Finger und Tastatur und die Anmeldung:
- 2.4.11 Fokus nicht verdeckt (Minimum) (Stufe AA)
- 2.5.7 Ziehbewegungen (Stufe AA)
- 2.5.8 Zielgröße (Minimum) (Stufe AA)
- 3.2.6 Konsistente Hilfe (Stufe A)
- 3.3.7 Redundante Eingabe (Stufe A)
- 3.3.8 Barrierefreie Authentifizierung (Minimum) (Stufe AA)
Alle 55 Kriterien
Geordnet nach den vier Prinzipien der WCAG. Unter jedem Kriterium steht, was Sie selbst prüfen sollten – auch dort, wo eine Maschine einen Teil übernimmt.
1. Wahrnehmbar (20 Kriterien)
-
1.1.1 Nicht-Text-Inhalt
Stufe A teilweise automatisch prüfbar
Prüfen Sie, ob jeder Alternativtext den Zweck des Bildes tatsächlich wiedergibt. Ob ein alt-Attribut vorhanden ist, kann die Automatik sehen - ob „grafik1.jpg“ darin steht, ebenfalls, aber nicht, ob „Team beim Sommerfest“ zutrifft.
-
1.2.1 Nur-Audio und Nur-Video (aufgezeichnet)
Stufe A nicht automatisch prüfbar
Für jede reine Audiodatei ein Transkript, für jedes Video ohne Ton eine Beschreibung bereitstellen. Prüfen Sie, ob beides vorhanden und auffindbar ist.
-
1.2.2 Untertitel (aufgezeichnet)
Stufe A nicht automatisch prüfbar
Jedes aufgezeichnete Video mit Ton braucht Untertitel. Prüfen Sie Vorhandensein, Synchronität und ob sie korrekt und nicht automatisch generiert unbrauchbar sind.
-
1.2.3 Audiodeskription oder Medienalternative (aufgezeichnet)
Stufe A nicht automatisch prüfbar
Für Videos mit wesentlichen visuellen Informationen eine Audiodeskription oder ein vollständiges Textalternativ bereitstellen.
-
1.2.4 Untertitel (live)
Stufe AA nicht automatisch prüfbar
Live-Übertragungen mit Ton brauchen Live-Untertitel. Betrifft Sie nur, wenn Sie live senden.
-
1.2.5 Audiodeskription (aufgezeichnet)
Stufe AA nicht automatisch prüfbar
Aufgezeichnete Videos brauchen eine Audiodeskription, die wesentliche visuelle Vorgänge beschreibt.
-
1.3.1 Info und Beziehungen
Stufe A teilweise automatisch prüfbar
Die Automatik prüft Überschriften, Listen, Tabellen und Landmarks technisch. Prüfen Sie zusätzlich, ob die Struktur den sichtbaren Aufbau abbildet - etwa ob ein optisch hervorgehobener Absatz auch eine Überschrift ist.
-
1.3.2 Bedeutungstragende Reihenfolge
Stufe A teilweise automatisch prüfbar
Schalten Sie das Stylesheet ab oder lesen Sie die Seite mit einem Screenreader linear. Ergibt die Reihenfolge noch Sinn?
-
1.3.3 Sensorische Eigenschaften
Stufe A nicht automatisch prüfbar
Suchen Sie nach Formulierungen wie „der Button rechts“, „das grüne Feld“, „siehe unten“. Anweisungen dürfen sich nicht allein auf Form, Größe, Position oder Farbe stützen.
-
1.3.4 Ausrichtung
Stufe AA teilweise automatisch prüfbar
Drehen Sie ein Mobilgerät. Die Seite darf nicht auf Hoch- oder Querformat festgelegt sein, außer die Ausrichtung ist zwingend nötig.
-
1.3.5 Eingabezweck erkennen
Stufe AA teilweise automatisch prüfbar
Formularfelder für persönliche Angaben brauchen passende autocomplete-Werte. Prüfen Sie, ob die Werte inhaltlich stimmen.
-
1.4.1 Ohne Farbe nutzbar
Stufe A teilweise automatisch prüfbar
Betrachten Sie die Seite in Graustufen. Sind Links im Text, Pflichtfeldmarkierungen, Diagrammlegenden und Fehlermeldungen noch erkennbar?
-
1.4.2 Audio-Steuerelement
Stufe A teilweise automatisch prüfbar
Startet Ton automatisch und dauert länger als drei Sekunden, muss es eine Möglichkeit zum Stoppen geben - erreichbar am Seitenanfang.
-
1.4.3 Kontrast (Minimum)
Stufe AA weitgehend automatisch prüfbar
Prüfen Sie zusätzlich Zustände, die die Automatik nicht erreicht: Hover, Fokus, deaktiviert, sowie Text auf Bildern und Farbverläufen.
-
1.4.4 Textgröße ändern
Stufe AA teilweise automatisch prüfbar
Zoomen Sie im Browser auf 200 Prozent. Bleibt aller Text lesbar, ohne dass Inhalte abgeschnitten werden oder sich überlagern?
-
1.4.5 Bilder eines Textes
Stufe AA nicht automatisch prüfbar
Text darf nicht als Bild ausgeliefert werden, außer er ist Teil eines Logos oder wesentlich für die Darstellung. Prüfen Sie Grafiken mit Beschriftungen.
-
1.4.10 Reflow
Stufe AA teilweise automatisch prüfbar
Bei 320 Pixeln Breite (400 Prozent Zoom) darf kein horizontales Scrollen nötig sein - außer bei Tabellen, Karten und Diagrammen. Diese Prüfdimension läuft automatisch mit.
-
1.4.11 Nicht-Text-Kontrast
Stufe AA teilweise automatisch prüfbar
Prüfen Sie Ränder von Eingabefeldern, Schaltflächenflächen, Fokusrahmen, Symbole und Diagrammfarben auf mindestens 3:1 gegen ihre Umgebung.
-
1.4.12 Textabstand
Stufe AA teilweise automatisch prüfbar
Erhöhen Sie per Benutzerstylesheet Zeilenhöhe auf das 1,5-fache, Absatzabstand auf das 2-fache, Buchstabenabstand auf 0,12em. Nichts darf abgeschnitten werden.
-
1.4.13 Inhalt bei Hover oder Fokus
Stufe AA nicht automatisch prüfbar
Eingeblendete Tooltips und Menüs müssen mit Escape schließbar, mit der Maus erreichbar und dürfen nicht von selbst verschwinden.
2. Bedienbar (20 Kriterien)
-
2.1.1 Tastatur
Stufe A teilweise automatisch prüfbar
Bedienen Sie die gesamte Seite ausschließlich mit Tabulator, Pfeiltasten, Enter und Leertaste. Jede Funktion muss erreichbar sein - besonders Menüs, Karussells, Karten und eigene Steuerelemente.
-
2.1.2 Keine Tastaturfalle
Stufe A nicht automatisch prüfbar
Tabben Sie in jedes eingebettete Element und wieder heraus - Videoplayer, Karten, Dialoge, iframes. Nirgends darf der Fokus feststecken.
-
2.1.4 Zeichentastenkürzel
Stufe A nicht automatisch prüfbar
Gibt es Tastenkürzel aus einzelnen Buchstaben, müssen sie abschaltbar oder umbelegbar sein.
-
2.2.1 Zeiteinteilung anpassbar
Stufe A nicht automatisch prüfbar
Zeitlimits in Formularen, Sitzungen und Warenkörben müssen verlängerbar, abschaltbar oder mit ausreichender Vorwarnung versehen sein.
-
2.2.2 Pausieren, Stoppen, Ausblenden
Stufe A teilweise automatisch prüfbar
Karussells, Laufschriften, Animationen und automatische Aktualisierungen brauchen eine Pausetaste.
-
2.3.1 Grenzwert von dreimaligem Blitzen
Stufe A teilweise automatisch prüfbar
Kein Inhalt darf öfter als dreimal pro Sekunde blitzen. Prüfen Sie Videos und Animationen.
-
2.4.1 Blöcke umgehen
Stufe A teilweise automatisch prüfbar
Drücken Sie auf einer frisch geladenen Seite Tabulator. Erscheint ein sichtbarer Sprunglink, und führt er tatsächlich zum Hauptinhalt?
-
2.4.2 Seite mit Titel versehen
Stufe A weitgehend automatisch prüfbar
Prüfen Sie zusätzlich, ob der Titel den Seiteninhalt beschreibt und sich von anderen Seiten unterscheidet.
-
2.4.3 Fokus-Reihenfolge
Stufe A teilweise automatisch prüfbar
Tabben Sie die Seite von oben nach unten durch. Folgt der Fokus dem sichtbaren Verlauf, auch in Dialogen und ausgeklappten Menüs?
-
2.4.4 Linkzweck (im Kontext)
Stufe A teilweise automatisch prüfbar
Lassen Sie sich die Linkliste eines Screenreaders vorlesen. Ist bei jedem Link ohne umgebenden Text klar, wohin er führt?
-
2.4.5 Verschiedene Möglichkeiten
Stufe AA nicht automatisch prüfbar
Jede Seite muss auf mindestens zwei Wegen erreichbar sein - etwa Navigation und Suche oder Sitemap.
-
2.4.6 Überschriften und Beschriftungen
Stufe AA teilweise automatisch prüfbar
Die Automatik sieht, ob Überschriften vorhanden und nicht leer sind. Prüfen Sie, ob sie den folgenden Abschnitt tatsächlich beschreiben.
-
2.4.7 Fokus sichtbar
Stufe AA teilweise automatisch prüfbar
Tabben Sie durch die Seite. Ist der Fokus an jeder Stelle deutlich sichtbar - auch auf farbigen Flächen, in Menüs und auf Schaltflächen?
-
2.4.11 Fokus nicht verdeckt (Minimum)
Stufe AA nicht automatisch prüfbar neu in 2.2
Neu in WCAG 2.2. Das fokussierte Element darf nicht vollständig von Sticky-Kopfzeilen, Cookie-Bannern oder Chat-Fenstern verdeckt werden.
-
2.5.1 Zeigergesten
Stufe A nicht automatisch prüfbar
Alles, was Wischen, Ziehen oder Mehrfingergesten erfordert, muss auch mit einem einfachen Tippen bedienbar sein.
-
2.5.2 Zeigerabbruch
Stufe A nicht automatisch prüfbar
Eine Aktion darf nicht schon beim Drücken ausgelöst werden - erst beim Loslassen, und ein Wegziehen muss abbrechen.
-
2.5.3 Beschriftung im Namen
Stufe A teilweise automatisch prüfbar
Der sichtbare Text einer Schaltfläche muss im zugänglichen Namen enthalten sein, sonst funktioniert Sprachsteuerung nicht.
-
2.5.4 Betätigung durch Bewegung
Stufe A nicht automatisch prüfbar
Funktionen, die durch Schütteln oder Kippen ausgelöst werden, brauchen eine Alternative und müssen abschaltbar sein.
-
2.5.7 Ziehbewegungen
Stufe AA nicht automatisch prüfbar neu in 2.2
Neu in WCAG 2.2. Alles, was gezogen wird - Schieberegler, sortierbare Listen, Karten - braucht eine Alternative ohne Ziehen.
-
2.5.8 Zielgröße (Minimum)
Stufe AA teilweise automatisch prüfbar neu in 2.2
Neu in WCAG 2.2. Bedienelemente brauchen mindestens 24 mal 24 Pixel oder ausreichenden Abstand. Prüfen Sie besonders Symbolleisten und eng gesetzte Links.
3. Verständlich (13 Kriterien)
-
3.1.1 Sprache der Seite
Stufe A weitgehend automatisch prüfbar
Eine automatische Prüfung erkennt Verstöße hier zuverlässig.
-
3.1.2 Sprache von Teilen
Stufe AA teilweise automatisch prüfbar
Fremdsprachige Zitate, Fachbegriffe und Produktnamen brauchen ein eigenes lang-Attribut, sonst liest der Screenreader sie falsch aus.
-
3.2.1 Bei Fokus
Stufe A nicht automatisch prüfbar
Das bloße Fokussieren eines Elements darf nichts auslösen - keine Navigation, kein Öffnen eines Dialogs, kein Absenden.
-
3.2.2 Bei Eingabe
Stufe A nicht automatisch prüfbar
Eine Auswahl in einem Dropdown darf nicht automatisch die Seite wechseln oder das Formular absenden.
-
3.2.3 Konsistente Navigation
Stufe AA nicht automatisch prüfbar
Die Navigation muss auf allen Seiten in derselben Reihenfolge erscheinen.
-
3.2.4 Konsistente Erkennung
Stufe AA nicht automatisch prüfbar
Gleiche Funktionen brauchen überall dieselbe Bezeichnung und dasselbe Symbol - nicht einmal „Suchen“ und einmal „Finden“.
-
3.2.6 Konsistente Hilfe
Stufe A nicht automatisch prüfbar neu in 2.2
Neu in WCAG 2.2. Hilfeangebote wie Kontaktdaten oder Chat müssen auf allen Seiten an derselben Stelle stehen.
-
3.3.1 Fehlererkennung
Stufe A nicht automatisch prüfbar
Senden Sie Formulare fehlerhaft ab. Wird der Fehler in Textform benannt und das betroffene Feld eindeutig bezeichnet?
-
3.3.2 Beschriftungen oder Anweisungen
Stufe A teilweise automatisch prüfbar
Jedes Feld braucht eine sichtbare Beschriftung. Prüfen Sie zusätzlich, ob Formatvorgaben und Pflichtfelder erkennbar sind.
-
3.3.3 Fehlerempfehlung
Stufe AA nicht automatisch prüfbar
Fehlermeldungen müssen sagen, wie es richtig geht - nicht nur, dass etwas falsch ist.
-
3.3.4 Fehlervermeidung (rechtlich, finanziell, Daten)
Stufe AA nicht automatisch prüfbar
Bestellungen, Vertragsabschlüsse und Löschvorgänge müssen umkehrbar, prüfbar oder zu bestätigen sein.
-
3.3.7 Redundante Eingabe
Stufe A nicht automatisch prüfbar neu in 2.2
Neu in WCAG 2.2. Angaben, die im selben Vorgang schon gemacht wurden, dürfen nicht erneut abgefragt werden - etwa Liefer- und Rechnungsadresse.
-
3.3.8 Barrierefreie Authentifizierung (Minimum)
Stufe AA nicht automatisch prüfbar neu in 2.2
Neu in WCAG 2.2. Anmeldung darf keinen kognitiven Test verlangen - kein Rätsel-Captcha, kein Abtippen aus dem Gedächtnis. Einfügen aus dem Passwortmanager muss erlaubt sein.
4. Robust (2 Kriterien)
-
4.1.2 Name, Rolle, Wert
Stufe A teilweise automatisch prüfbar
Prüfen Sie eigene Steuerelemente mit einem Screenreader: Werden Name, Rolle und aktueller Zustand angesagt, und ändern sich Zustände hörbar?
-
4.1.3 Statusmeldungen
Stufe AA teilweise automatisch prüfbar
Lösen Sie Meldungen aus - „In den Warenkorb gelegt“, „3 Treffer“, Fehlerhinweise. Werden sie vom Screenreader angesagt, ohne dass der Fokus springt?
Wie Sie mit der Liste arbeiten
Beginnen Sie nicht bei 1.1.1 und arbeiten sich bis 4.1.3 durch. Sinnvoller ist diese Reihenfolge:
- Automatisch prüfen lassen, was sich automatisch prüfen lässt – über alle Seitenvorlagen, nicht nur die Startseite. Das räumt die zahlreichen, aber einfachen Fehler ab.
- Die Kernabläufe von Hand prüfen: Startseite, Suche, eine Produkt- oder Leistungsseite, Kontaktformular, Warenkorb und Kasse – mit Tastatur, mit 400 % Zoom und einmal mit einem Screenreader.
- Die „nicht automatisch prüfbaren“ Kriterien durchgehen, die auf Ihrer Seite überhaupt vorkommen. Wer keine Videos zeigt, hat mit den Kriterien 1.2.x wenig zu tun.
- Festhalten und wiederholen. Jede neue Version der Website kann Fehler zurückbringen, die schon behoben waren.
Den Anfang macht oft der Cookie-Banner – er ist das Erste, was jeder Besucher bedienen muss. Worauf es dort ankommt: Der Cookie-Banner: die erste Barriere Ihrer Website.