WCAG 2.2 Checkliste für Online-Shops
Aktualisiert am 12. Oktober 2026 · Lesezeit: 3 Min.
Diese Checkliste fasst die WCAG-2.2-Kriterien der Stufe AA zusammen, die in Online-Shops am häufigsten Probleme machen: Kontrast, Alternativtexte, Formularbeschriftungen, Schaltflächen, Tastaturbedienung, sichtbarer Fokus und Mindestgröße von Bedienelementen. Zu jedem Punkt steht, ob eine automatische Prüfung ihn erkennt oder ob ein Mensch nachsehen muss.
Legende: Auto = meist automatisch erkennbar · Teilweise = Automatik findet einen Teil · Manuell = nur durch menschliche Prüfung.
Wahrnehmbar
| Prüfpunkt | WCAG | Prüfung |
|---|---|---|
| Produktbilder, Icons und Logos haben einen Alternativtext | 1.1.1 | Auto (fehlt?) / Manuell (sinnvoll?) |
Dekorative Bilder sind als solche ausgezeichnet (leeres alt) |
1.1.1 | Teilweise |
| Produktvideos haben Untertitel | 1.2.2 | Manuell |
| Überschriften, Listen und Tabellen sind korrekt ausgezeichnet | 1.3.1 | Teilweise |
| Formularfelder sind mit ihrer Beschriftung verknüpft | 1.3.1 / 4.1.2 | Auto |
Felder für persönliche Daten haben passende autocomplete-Werte |
1.3.5 | Teilweise |
| Informationen hängen nicht nur von Farbe ab (z. B. „rote Felder sind Pflicht“) | 1.4.1 | Manuell |
| Text hat einen Kontrast von mindestens 4,5:1, großer Text 3:1 | 1.4.3 | Auto (einfarbiger Hintergrund) / Manuell (über Bildern) |
| Seite funktioniert bei 200 % Zoom | 1.4.4 | Manuell |
| Inhalte passen sich bei 320 CSS-Pixel Breite an, ohne horizontales Scrollen | 1.4.10 | Manuell |
| Bedienelemente und Grafiken haben einen Kontrast von 3:1 | 1.4.11 | Teilweise |
Bedienbar
| Prüfpunkt | WCAG | Prüfung |
|---|---|---|
| Alles ist per Tastatur erreichbar: Menü, Filter, Varianten, Warenkorb, Kasse | 2.1.1 | Manuell |
| Keine Tastaturfalle, etwa in Pop-ups oder Chat-Widgets | 2.1.2 | Manuell |
| Zeitlimits (z. B. reservierter Warenkorb) lassen sich verlängern | 2.2.1 | Manuell |
| Automatische Slider lassen sich anhalten | 2.2.2 | Teilweise |
| Es gibt einen Link „Zum Inhalt springen“ oder eine vergleichbare Möglichkeit | 2.4.1 | Teilweise |
| Jede Seite hat einen aussagekräftigen Titel | 2.4.2 | Auto (fehlt?) / Manuell (aussagekräftig?) |
| Tab-Reihenfolge folgt der sichtbaren Reihenfolge | 2.4.3 | Manuell |
| Linktexte sind verständlich, nicht nur „hier“ | 2.4.4 | Teilweise |
| Der Tastaturfokus ist sichtbar | 2.4.7 | Manuell |
| Neu in 2.2: Fokussierte Elemente werden nicht vollständig von Cookie-Banner, Sticky Header oder Chat verdeckt | 2.4.11 | Manuell |
| Neu in 2.2: Ziehen (z. B. Preisregler) hat eine Alternative ohne Ziehbewegung | 2.5.7 | Manuell |
| Neu in 2.2: Klickziele sind mindestens 24 × 24 CSS-Pixel groß oder haben genug Abstand | 2.5.8 | Teilweise |
| Sichtbare Beschriftung ist im zugänglichen Namen enthalten | 2.5.3 | Teilweise |
Verständlich
| Prüfpunkt | WCAG | Prüfung |
|---|---|---|
Die Sprache der Seite ist angegeben (lang="de") |
3.1.1 | Auto |
| Sprachwechsel in Texten sind ausgezeichnet | 3.1.2 | Manuell |
| Auswahl einer Variante löst keinen unerwarteten Seitenwechsel aus | 3.2.2 | Manuell |
| Neu in 2.2: Hilfe (Kontakt, Chat, FAQ) steht auf allen Seiten an derselben Stelle | 3.2.6 | Manuell |
| Fehler in Formularen werden im Text benannt, nicht nur farbig markiert | 3.3.1 | Manuell |
| Pflichtfelder und Formate sind vorher erklärt | 3.3.2 | Teilweise |
| Fehlermeldungen schlagen eine Korrektur vor | 3.3.3 | Manuell |
| Bestellungen lassen sich vor dem Absenden prüfen und korrigieren | 3.3.4 | Manuell |
| Neu in 2.2: Bereits eingegebene Daten (z. B. Lieferadresse) müssen nicht erneut eingegeben werden | 3.3.7 | Manuell |
| Neu in 2.2: Anmeldung ohne Gedächtnisaufgabe – Einfügen von Passwörtern und Passwortmanager funktionieren | 3.3.8 | Manuell |
Robust
| Prüfpunkt | WCAG | Prüfung |
|---|---|---|
| Schaltflächen und Links haben einen zugänglichen Namen (auch Icon-Buttons wie Warenkorb oder Suche) | 4.1.2 | Auto |
| ARIA-Attribute sind gültig und passen zur Rolle | 4.1.2 | Auto |
| Statusmeldungen (z. B. „Zum Warenkorb hinzugefügt“) werden von Screenreadern angesagt | 4.1.3 | Manuell |
Was ist neu in WCAG 2.2?
WCAG 2.2 ergänzt gegenüber 2.1 auf den Stufen A und AA sechs Kriterien: 2.4.11 Fokus nicht verdeckt, 2.5.7 Ziehbewegungen, 2.5.8 Zielgröße (Minimum), 3.2.6 Konsistente Hilfe, 3.3.7 Redundante Eingaben und 3.3.8 Barrierefreie Authentifizierung (Minimum). Das Kriterium 4.1.1 „Syntaxanalyse“ wurde entfernt. Mehr dazu in unserem Beitrag WCAG 2.2 im Online-Shop.
Warum das wichtig ist: Die europäische Norm EN 301 549 V4.1.1, die auf WCAG 2.2 aufbaut, wurde im September 2026 veröffentlicht. Bis zu ihrer Bekanntmachung im Amtsblatt der EU – erwartet für Ende 2026 – ist V3.2.1 auf Basis von WCAG 2.1 harmonisiert. Wer heute nach WCAG 2.2 AA arbeitet, ist für beide Fassungen gut aufgestellt.
So nutzen Sie die Checkliste
- Automatisch prüfen, um alle „Auto“-Punkte schnell abzudecken. Unsere kostenlose Prüfung zeigt das für eine Seite.
- Die wichtigsten Abläufe manuell testen: Produkt suchen, in den Warenkorb legen, bezahlen – nur mit der Tastatur, bei 200 % Zoom und auf dem Smartphone.
- Mit einem Screenreader gegenprüfen, etwa NVDA unter Windows oder VoiceOver auf Mac und iPhone.
- Regelmäßig wiederholen, besonders nach Theme- und Plugin-Updates.
Eine automatisierte Prüfung ist kein vollständiges Audit und keine Rechtsberatung. Die Unterschiede erklärt unser Beitrag automatisch oder manuell prüfen; den rechtlichen Rahmen in Deutschland beschreibt der BFSG-Leitfaden.
Quellen
- Web Content Accessibility Guidelines (WCAG) 2.2 beim W3C
- Was ist neu in WCAG 2.2 – W3C Web Accessibility Initiative