WCAG 2.2 AA: Die praktische Checkliste

Beginne mit den häufigen Barrieren

• Bilder: Beschreibe informative Bilder passend zu ihrem Zweck. Dekorative Bilder erhalten einen leeren Alternativtext.
• Kontrast: Prüfe normalen Text auf mindestens 4,5:1. Für großen Text gilt mindestens 3:1; die Richtlinie definiert Größe und Ausnahmen.
• Tastatur: Alle Funktionen sollen bedienbar sein. Der Fokus muss sichtbar sein und darf in keinem Element hängen bleiben.
• Formulare: Verbinde sichtbare Beschriftungen mit Feldern. Erkläre Eingabefehler und mögliche Korrekturen.
• Struktur: Nutze passende Überschriften und semantisches HTML. Stelle eine sinnvolle Lesereihenfolge sicher.

Was mit WCAG 2.2 dazugekommen ist

Achte besonders darauf, dass ein fokussiertes Element nicht vollständig verdeckt wird. Ziehbewegungen brauchen eine Alternative ohne Ziehen. Bedienelemente müssen die Mindestanforderung an Zielgröße oder eine der beschriebenen Ausnahmen erfüllen. Dazu kommen Anforderungen an konsistente Hilfe, wiederholte Eingaben und zugängliche Authentifizierung.

Mache die Checkliste zu einem Arbeitsablauf

• Wähle einen realen Ablauf, zum Beispiel Produkt auswählen und bestellen.
• Sammle automatische Findings und ordne sie dem betroffenen Schritt zu.
• Ergänze manuelle Prüfungen und notiere Gerät, Browser und Ergebnis.
• Behebe das Problem in der gemeinsamen Komponente, wenn es mehrere Seiten betrifft.
• Prüfe denselben Ablauf nach der Änderung erneut und dokumentiere das Ergebnis.

Ein Score beantwortet eine begrenzte Frage

Der Scan-Score beschreibt die automatisiert geprüften Regeln und Seiten zum Prüfzeitpunkt. Er beantwortet nicht, ob alle WCAG-Kriterien erfüllt sind. Die inhaltliche Qualität eines Alternativtexts und die Verständlichkeit eines Ablaufs erfordern zusätzlich menschliche Bewertung.