WCAG-2.2-Checkliste für Websites und Onlineshops

Bilder und Medien

• Jedes informative Bild hat einen aussagekräftigen Alternativtext; dekorative Bilder haben ein leeres alt.WCAG 1.1.1 · Teilweise automatisch
• Icons und SVG-Grafiken mit Bedeutung haben eine Textalternative.WCAG 1.1.1 · Automatisch geprüft
• Videos haben Untertitel; reine Audioinhalte ein Transkript.WCAG 1.2.1, 1.2.2 · Manuell prüfen
• Audio startet nicht automatisch oder lässt sich anhalten.WCAG 1.4.2 · Manuell prüfen

Text und Farbe

• Text hat mindestens 4,5:1 Kontrast (großer Text 3:1).WCAG 1.4.3 · Automatisch geprüft
• Buttons, Rahmen von Formularfeldern und wichtige Icons haben mindestens 3:1 Kontrast.WCAG 1.4.11 · Manuell prüfen
• Informationen werden nicht nur über Farbe vermittelt (Pflichtfelder, Sale-Preise, Fehler).WCAG 1.4.1 · Manuell prüfen
• Die Seite lässt sich auf 200 % vergrößern, ohne dass Inhalte verloren gehen; Zoomen ist nicht gesperrt.WCAG 1.4.4 · Teilweise automatisch

Struktur

• Jede Seite hat eine Sprache (lang) und einen eindeutigen, beschreibenden Titel.WCAG 3.1.1, 2.4.2 · Automatisch geprüft
• Überschriften bilden eine logische Gliederung (eine h1, keine übersprungenen Ebenen).WCAG 1.3.1 · Teilweise automatisch
• Listen, Tabellen und Seitenbereiche sind korrekt ausgezeichnet.WCAG 1.3.1 · Teilweise automatisch

Tastatur und Fokus

• Jede Funktion ist allein mit der Tastatur bedienbar: Menü, Filter, Warenkorb, Checkout.WCAG 2.1.1 · Manuell prüfen
• Der Tastaturfokus ist immer deutlich sichtbar.WCAG 2.4.7 · Manuell prüfen
• Es gibt keine Tastaturfallen in Pop-ups, Chat-Widgets oder Cookie-Bannern.WCAG 2.1.2 · Manuell prüfen
• Ein „Zum Inhalt springen“-Link oder Landmarks erlauben, wiederkehrende Blöcke zu überspringen.WCAG 2.4.1 · Teilweise automatisch
• Das fokussierte Element wird nicht von Sticky-Headern oder Bannern verdeckt.WCAG 2.4.11 · Manuell prüfen

Formulare und Checkout

• Jedes Formularfeld hat ein sichtbares Label (Platzhalter zählen nicht).WCAG 1.3.1, 3.3.2 · Automatisch geprüft
• Fehlermeldungen sagen, was falsch ist und wie es sich beheben lässt.WCAG 3.3.1, 3.3.3 · Manuell prüfen
• Name-, Adress- und E-Mail-Felder nutzen autocomplete.WCAG 1.3.5 · Automatisch geprüft
• Login und Checkout verlangen keine Rätsel oder Gedächtnistests ohne Alternative.WCAG 3.3.8 · Manuell prüfen
• Bereits eingegebene Informationen müssen nicht erneut eingegeben werden.WCAG 3.3.7 · Manuell prüfen

Links und Buttons

• Links und Buttons haben verständliche Namen, auch Icon-Buttons.WCAG 2.4.4, 4.1.2 · Automatisch geprüft
• Klickflächen sind mindestens 24 × 24 CSS-Pixel groß oder haben genug Abstand.WCAG 2.5.8 · Automatisch geprüft
• Drag-and-Drop-Aktionen haben eine Alternative per Einzelklick.WCAG 2.5.7 · Manuell prüfen

Dynamische Inhalte

• Statusmeldungen („in den Warenkorb gelegt“, Fehler) werden Screenreadern angesagt.WCAG 4.1.3 · Manuell prüfen
• Karussells und Animationen lassen sich anhalten; nichts blinkt öfter als dreimal pro Sekunde.WCAG 2.2.2, 2.3.1 · Manuell prüfen
• Zeitlimits lassen sich verlängern oder abschalten.WCAG 2.2.1 · Manuell prüfen

Diese Checkliste ist eine praktische Hilfe und keine Rechtsberatung. Automatische Tools finden zuverlässig nur einen Teil der Probleme — nutzen Sie sie zusammen mit einer manuellen Prüfung und bei Bedarf fachlicher Beratung.