Jede Anforderung von WCAG 2.2, eine funktionierende Checkliste

Was ist eine Compliance-Checkliste für WCAG 2.2?

WCAG 2.2 - die aktuelle Version der Web Content Accessibility Guidelines - enthält 86 testbare Erfolgskriterien, die nach vier Prinzipien gegliedert sind: Inhalte müssen Wahrnehmbar, Bedienbar, Verständlich und Robust (POUR). Jedes Kriterium hat eine Stufe: A (Mindeststufe), AA (Standardziel) oder AAA (angestrebte Stufe). Konformität mit Level AA bedeutet, die 31 Kriterien von Level A und die 24 Kriterien von Level AA zu erfüllen - insgesamt 55 Prüfungen, und genau das deckt diese Checkliste ab.

Level AA ist das Ziel, weil es der Maßstab ist, den externe Stellen verwenden: Gerichte und Aufsichtsbehörden verweisen auf WCAG AA, wenn sie definieren, was eine barrierefreie Website ist, weshalb diese 55 Punkte dem am nächsten kommen digitale Barrierefreiheit zu einer offiziellen Aufgabenliste machen muss. WCAG 2.2 baut auf 2.1 - alles, was Sie für 2.1 getan haben, gilt weiterhin - sechs neue A/AA-Kriterien kommen hinzu und ein altes Kriterium (4.1.1) entfällt.

Jeder Eintrag unten führt zu seiner Seite in unserer Kriterienbibliothek, in der jedes Kriterium des Standards einzeln erklärt wird: was es in einfachen Worten verlangt, wer darauf angewiesen ist, wie es erfüllt wird und welche Fehler Websites Probleme bereiten.

So verwenden Sie diese Checkliste

Behandeln Sie die Liste als Arbeitsablauf, nicht als Bewertung:

1. Zuerst scannen. Kostenlos ausführen Prüftool für Barrierefreiheit für Ihre wichtigsten Vorlagen oder das Crawler auf der gesamten Website. Automatisierung prüft zuverlässig ungefähr ein Drittel der Kriterien - Kontrast, Alternativtext, Beschriftungen, ARIA und Struktur - und liefert Ihnen sofort eine Liste bestätigter Fehler als Ausgangspunkt.
2. Vorlagen korrigieren, nicht Seiten. Die meisten Fehler befinden sich in gemeinsam genutzten Komponenten; durch die Korrektur einer Kopfzeile, eines Formulars oder einer Karte wird derselbe Befund auf jeder Seite behoben, die diese Komponente verwendet.
3. Lassen Sie die Automatisierung ihren Anteil übernehmen - und nur ihren Anteil. von EqualWeb Barrierefreiheits-Widget resolves most of the common issues automation can recognize, depending on how the site is built, which accelerates remediation enormously. But no tool ticks items off this checklist for you: a criterion counts as met only when testing on your real pages shows it holds.
4. Überprüfen Sie den Rest manuell. Ein Durchlauf nur mit der Tastatur, ein Durchlauf mit einem Screenreader und ein Durchlauf mit 400 % Zoom decken den Großteil dessen ab, was Maschinen nicht beurteilen können - die verbleibenden zwei Drittel der Kriterien.
5. Datieren und dokumentieren Sie jeden Durchlauf. Eine vorzeigbare Checkliste - wer was wann getestet hat und was behoben wurde - ist der Nachweis, der zählt, falls jemals ein Aufforderungsschreiben eingeht.

Wahrnehmbar - 20 Kriterien (9 A, 11 AA)

Informationen und Komponenten der Benutzeroberfläche müssen so dargestellt werden können, dass Nutzer sie wahrnehmen können - durch Sehen, Hören oder Lesen mit assistiven Technologien.

• 1.1.1 Nicht-Text-Inhalt A - Jedes aussagekräftige Bild, Symbol und Diagramm hat eine Textalternative, die seinen Zweck erfüllt; dekorative Bilder sind so gekennzeichnet, dass sie übersprungen werden.
• 1.2.1 Nur-Audio und Nur-Video (aufgezeichnet) A - Für reine Audioinhalte ist ein Transkript vorhanden; Videos ohne Tonspur haben eine gleichwertige Text- oder Audioalternative.
• 1.2.2 Untertitel (aufgezeichnet) A - Jedes aufgezeichnete Video mit Ton hat genaue, synchronisierte Untertitel.
• 1.2.3 Audiodeskription oder Medienalternative (aufgezeichnet) A - Für aufgezeichnete Videos gibt es eine Audiodeskription oder eine vollständige Textalternative zum Geschehen auf dem Bildschirm.
• 1.2.4 Untertitel (Live) AA - Livestreams und Webinare haben Untertitel in Echtzeit.
• 1.2.5 Audiodeskription (aufgezeichnet) AA - Aufgezeichnete Videos verfügen über eine Audiodeskription für visuelle Informationen, die nicht über die Tonspur vermittelt werden.
• 1.3.1 Informationen und Beziehungen A - Überschriften, Listen, Tabellen und Formularbeschriftungen sind echtes Markup, nicht nur visuelle Gestaltung.
• 1.3.2 Sinnvolle Reihenfolge A - Die Lesereihenfolge im Code entspricht der sinnvollen Reihenfolge.
• 1.3.3 Sensorische Merkmale A - Anweisungen hängen nie allein von Form, Farbe oder Position ab ("Klicken Sie auf die grüne Schaltfläche rechts").
• 1.3.4 Ausrichtung AA - Inhalte funktionieren sowohl im Hoch- als auch im Querformat; die Ausrichtung wird nie ohne wesentlichen Grund gesperrt.
• 1.3.5 Eingabezweck bestimmen AA - Gängige personenbezogene Felder wie Name, E-Mail-Adresse und Anschrift enthalten Attribute für die automatische Vervollständigung.
• 1.4.1 Verwendung von Farbe A - Farbe ist nie das einzige Mittel, mit dem Informationen vermittelt werden.
• 1.4.2 Audiosteuerung A - Automatisch startende Audioinhalte können pausiert, gestoppt oder stummgeschaltet werden.
• 1.4.3 Kontrast (Minimum) AA - Fließtext erreicht gegenüber seinem Hintergrund ein Kontrastverhältnis von 4,5:1; großer Text erreicht 3:1.
• 1.4.4 Textgröße ändern AA - Text kann ohne Verlust von Inhalten oder Funktionen auf 200 % vergrößert werden.
• 1.4.5 Textbilder AA - Statt Bildern von Text wird echter Text verwendet (ausgenommen Logos).
• 1.4.10 Reflow AA - Die Seite passt sich bei 320 px Breite (400 % Zoom) ohne horizontales Scrollen an.
• 1.4.11 Nicht-Text-Kontrast AA - Bedienelemente, Fokusindikatoren und aussagekräftige Grafiken erreichen ein Kontrastverhältnis von 3:1.
• 1.4.12 Textabstände AA - Nichts wird abgeschnitten oder überlagert sich, wenn Nutzer die Zeilenhöhe und den Buchstaben-, Wort- und Absatzabstand vergrößern.
• 1.4.13 Eingeblendeter Inhalt bei Daraufzeigen oder Tastaturfokus AA - Tooltips und Popover lassen sich schließen, mit dem Mauszeiger überfahren und bleiben sichtbar, bis sie geschlossen werden.

Bedienbar - 20 Kriterien (14 A, 6 AA)

Navigation und Interaktion müssen für alle funktionieren - für Personen, die nur die Tastatur verwenden, für Menschen mit Tremor und für Menschen, die einen Zeiger nicht sehen können.

• 2.1.1 Tastatur A - Alles auf der Seite lässt sich allein mit der Tastatur bedienen.
• 2.1.2 Keine Tastaturfalle A - Der Tastaturfokus kann jedes Element stets wieder verlassen - keine Fallen.
• 2.1.4 Tastenkombinationen mit Buchstabentasten A - Kurzbefehle mit einem einzelnen Zeichen können deaktiviert oder neu zugewiesen werden.
• 2.2.1 Zeiteinteilung anpassbar A - Zeitlimits können deaktiviert, angepasst oder verlängert werden, bevor sie ablaufen.
• 2.2.2 Pausieren, beenden, ausblenden A - Karussells, Animationen und automatisch aktualisierte Inhalte können pausiert, gestoppt oder ausgeblendet werden.
• 2.3.1 Dreimaliges Blitzen oder Unterschreiten des Schwellenwerts A - Nichts blinkt häufiger als dreimal pro Sekunde.
• 2.4.1 Blöcke umgehen A - Ein Sprunglink oder Orientierungspunkte ermöglichen es Nutzern, wiederholte Navigation zu überspringen.
• 2.4.2 Seitentitel A - Jede Seite hat einen eindeutigen, aussagekräftigen Titel.
• 2.4.3 Fokusreihenfolge A - Mit der Tabulatortaste wird die Seite in einer Reihenfolge durchlaufen, die den Sinn erhält.
• 2.4.4 Linkzweck (im Kontext) A - Bei jedem Link geht das Ziel aus dem Text oder dem unmittelbaren Kontext hervor - kein alleinstehendes „Hier klicken“.
• 2.4.5 Mehrere Wege AA - Es gibt mehr als einen Weg, eine Seite zu erreichen: Navigation plus Suche oder eine Sitemap.
• 2.4.6 Überschriften und Beschriftungen AA - Überschriften und Beschriftungen beschreiben tatsächlich den Inhalt oder das Steuerelement, das sie einführen.
• 2.4.7 Sichtbarer Fokus AA - Der Tastaturfokus ist immer sichtbar gekennzeichnet.
• 2.4.11 Fokus nicht verdeckt (Minimum) AA - Das fokussierte Element wird nie vollständig durch fixierte Kopf- oder Fußzeilen oder Cookie-Banner verdeckt. Neu in 2.2.
• 2.5.1 Zeigergesten A - Für Wischen, Zusammenziehen und andere pfadbasierte Gesten gibt es Alternativen mit einmaligem Tippen.
• 2.5.2 Abbruch von Zeigereingaben A - Aktionen werden beim Loslassen und nicht beim Drücken ausgeführt, sodass ein falsches Antippen abgebrochen werden kann.
• 2.5.3 Beschriftung im Namen A - Der barrierefreie Name eines Bedienelements enthält seine sichtbare Beschriftung (die Sprachsteuerung ist darauf angewiesen).
• 2.5.4 Bewegungsaktivierung A - Für alles, was durch Schütteln oder Neigen des Geräts ausgelöst wird, gibt es auch ein herkömmliches Bedienelement.
• 2.5.7 Ziehbewegungen AA - Für jede Drag-and-drop-Aktion gibt es eine einfache Alternative per Klick oder Tippen. Neu in 2.2.
• 2.5.8 Zielgröße (Minimum) AA - Ziele sind mindestens 24 × 24 CSS-Pixel groß oder weit genug voneinander entfernt. Neu in 2.2.

Verständlich - 13 Kriterien (7 A, 6 AA)

Inhalte und Bedienelemente müssen vorhersehbar funktionieren, klar lesbar sein und Fehler verzeihen.

• 3.1.1 Sprache der Seite A - Die Seite gibt ihre Sprache an (lang-Attribut im html-Element).
• 3.1.2 Sprache von Teilen AA - Passagen in einer anderen Sprache werden mit einem eigenen lang-Attribut gekennzeichnet.
• 3.2.1 Bei Fokus A - Das Fokussieren eines Elements löst niemals eine unerwartete Kontextänderung aus.
• 3.2.2 Bei Eingabe A - Das Ändern eines Feldes oder einer Einstellung führt nie unerwartet zum Absenden oder zu einer Weiterleitung.
• 3.2.3 Konsistente Navigation AA - Wiederholte Navigation erscheint auf jeder Seite in derselben Reihenfolge.
• 3.2.4 Konsistente Identifizierung AA - Dieselbe Funktion wird überall gleich benannt und beschriftet.
• 3.2.6 Konsistente Hilfe A - Hilfeoptionen - Kontaktdaten, Chat, FAQ - befinden sich auf jeder Seite an derselben Stelle. Neu in 2.2.
• 3.3.1 Fehlererkennung A - Fehler werden in einem Text benannt, der angibt, welches Feld fehlerhaft ist und warum.
• 3.3.2 Beschriftungen oder Anweisungen A - Jede Eingabe hat eine sichtbare Beschriftung oder klare Anweisungen.
• 3.3.3 Fehlerkorrekturvorschlag AA - Fehlermeldungen geben Hinweise zur Behebung des Problems.
• 3.3.4 Fehlervermeidung (rechtlich, finanziell, Daten) AA - Rechtliche, finanzielle und datenbezogene Übermittlungen können überprüft, korrigiert oder rückgängig gemacht werden.
• 3.3.7 Redundante Eingabe A - Bereits in einem Prozess eingegebene Informationen werden nie erneut verlangt. Neu in 2.2.
• 3.3.8 Barrierefreie Authentifizierung (Minimum) AA - Für die Anmeldung ist niemals Auswendiglernen oder Abschreiben erforderlich; Einfügen und Passwortmanager sind erlaubt. Neu in 2.2.

Robust - 2 Kriterien (1 A, 1 AA)

Inhalte müssen weiterhin funktionieren, wenn sich Browser und assistive Technologien weiterentwickeln.

• 4.1.2 Name, Rolle, Wert A - Benutzerdefinierte Komponenten stellen ihren Namen, ihre Rolle und ihren Status für assistive Technologien bereit.
• 4.1.3 Statusmeldungen AA - Statusmeldungen ("Zum Warenkorb hinzugefügt", "3 Ergebnisse gefunden") werden ausgegeben, ohne den Fokus zu übernehmen.

Robust umfasste früher ein drittes Kriterium: 4.1.1 Parsing wurde aus WCAG 2.2 entfernt, weil moderne Browser die betreffenden Markupfehler bereits korrigieren. Wenn Ihre alte Checkliste den Punkt noch enthält, streichen Sie ihn.

Die 9 neuen Erfolgskriterien in WCAG 2.2

Wenn Ihre Website bereits WCAG 2.1 AA erfüllte, sind dies die einzigen Ergänzungen, die noch zwischen Ihnen und 2.2 liegen - sechs auf A/AA (in der obigen Checkliste) und drei auf AAA (über das rechtliche Ziel hinausgehend, der Vollständigkeit halber aufgeführt):

Prüfung der Checkliste: automatisiert oder manuell

Die ehrliche Aufteilung für die Prüfung dieser 55 Punkte:

• Die Automatisierung prüft etwa ein Drittel davon. Kriterien mit maschinell bestimmbaren Antworten - Kontrastverhältnisse, fehlende Alternativtexte, unbeschriftete Felder, fehlende Sprachattribute, fehlerhaftes ARIA - erkennen Scanner zuverlässig. Nutzen Sie den kostenlosen Prüftool für Barrierefreiheit auf einer beliebigen Seite für einen sofortigen WCAG-Bericht aus und behalten Sie Überwachung aktiviert, damit ein bestandenes Element nach der nächsten Version nicht unbemerkt wieder fehlerhaft wird.
• Menschen prüfen den Rest. Fokusreihenfolge, Qualität von Alternativtexten, Alternativen für Gesten, Fehlerbehandlung, Lesereihenfolge - bei etwa zwei Dritteln der Kriterien sind Beurteilungen erforderlich. Zertifizierte Auditoren bearbeiten die gesamte Liste Kriterium für Kriterium und übergeben Ihnen ein dokumentiertes Auditbericht, der zugleich als Ihr Compliance-Nachweis dient.

Die Aufteilung ist gleich, unabhängig davon, ob Ihr Ziel Folgendes ist: ADA-Compliance, die European Accessibility Act oder einem nationalen Standard - sie alle führen zu diesen WCAG-Kriterien und zur Konformität mit allen WCAG-Compliance erfordert immer beide Teile. Anleitungen zu beiden Teilen finden Sie unter WCAG-Tests.

Häufig gestellte Fragen

Zuletzt aktualisiert 17. August 2026