Begriffe vorab
- Erfolgskriterium: eine prüfbare Anforderung der WCAG.
- Konformität: die Erfüllung aller Kriterien einer Stufe.
- Techniken: Hinweise des W3C, wie Kriterien umgesetzt werden können; sie sind informativ, nicht verbindlich.
Die Web Content Accessibility Guidelines (WCAG) sind der internationale Standard für barrierefreie Webinhalte, herausgegeben vom W3C über die Web Accessibility Initiative (WAI). Aktuelle Fassungen sind WCAG 2.1 (2018) und WCAG 2.2 (2023), die WCAG 2.1 vollständig einschließt und um weitere Erfolgskriterien ergänzt.
Vier Prinzipien, ein Akronym
Jedes Erfolgskriterium gehört zu einem der vier POUR-Prinzipien (siehe vorige Lektion): wahrnehmbar, bedienbar, verständlich, robust.
Drei Konformitätsstufen
- A – Mindestanforderung, ohne die manche Nutzergruppen vollständig ausgeschlossen wären.
- AA – der in Gesetzen und Richtlinien übliche Zielstandard (siehe Rechtslektion).
- AAA – die höchste Stufe; das W3C selbst empfiehlt AAA nicht als pauschales Ziel für ganze Websites, da einige Kriterien für bestimmte Inhalte nicht erreichbar sind.
Aufbau eines Erfolgskriteriums
Jedes Kriterium hat eine Nummer nach dem Schema Prinzip.Richtlinie.Kriterium, zum Beispiel 1.4.3 Kontrast (Minimum) unter Prinzip 1 (Wahrnehmbar), Richtlinie 4 (Unterscheidbar).
Wichtige Kriterien zum Kennenlernen
- 1.1.1 Nicht-Text-Inhalte (A): Alternativtext für Bilder.
- 1.4.3 Kontrast Minimum (AA): 4,5:1 für normalen, 3:1 für großen Text.
- 2.1.1 Tastatur (A): Alle Funktionen ohne Maus erreichbar.
- 2.4.7 Fokus sichtbar (AA): Der Tastaturfokus muss erkennbar sein.
- 3.3.2 Beschriftungen/Anweisungen (A): Formularfelder brauchen erkennbare Labels.
- 4.1.2 Name, Rolle, Wert (A): Interaktive Elemente müssen für assistive Technologien identifizierbar sein.
Was ist neu in WCAG 2.2?
WCAG 2.2 ergänzt unter anderem Kriterien zu größeren Klickzielen (2.5.8 Zielgröße, Minimum: mindestens 24 × 24 CSS-Pixel, mit Ausnahmen), zu einem Tastaturfokus, der nicht vollständig von anderen Inhalten verdeckt werden darf (2.4.11 Fokus nicht verdeckt, Minimum, Stufe AA), sowie zu erleichtertem Ausfüllen von Formularen (3.3.7 Redundante Eingaben, 3.3.8 Barrierefreie Authentifizierung). Das zuvor enthaltene Kriterium 4.1.1 (Parsing) wurde als veraltet entfernt, da moderne Browser fehlerhaftes HTML ohnehin robust behandeln.
WCAG-Versionsnummern und einzelne Kriterien ändern sich. Für eine verbindliche Prüfung immer die aktuelle Fassung auf w3.org/WAI/standards-guidelines/wcag/ konsultieren.
Ein Beispiel: ein Kriterium durchgehen
Kriterium 1.1.1 (Nicht-Text-Inhalte) verlangt Textalternativen. Ein Diagramm mit Umsatzzahlen braucht eine Beschreibung, die die Kernaussage wiedergibt, etwa „Umsatz stieg von 2 Mio. € auf 3 Mio. €“. Ein rein dekoratives Bild bekommt einen leeren Alternativtext, damit Screenreader es überspringen. Das Kriterium nennt also nicht einfach „Alt-Text setzen“, sondern verlangt einen zum Zweck passenden Ersatz.
Konformität ist Seitenbezogen
Konformität gilt für vollständige Seiten, nicht für einzelne Elemente; alle Inhalte einer Seite müssen die Stufe erfüllen, auch eingebundene Komponenten. Bei Abläufen wie einer Bestellung müssen alle Schritte konform sein, sonst gilt der Ablauf nicht als konform.
Wie man WCAG im Projekt nutzt
- Zielstufe (meist AA) und Version (z. B. 2.1 oder 2.2) festlegen.
- Kriterien in Designvorgaben und Abnahmekriterien übersetzen.
- Bei Änderungen der Version prüfen, welche neuen Kriterien hinzukommen.
Prüfstatus: Belegt (Stand 1. Oktober 2026): Jahreszahlen, Zahlen, Namen und Quellenangaben dieser Lektion, soweit die Quellenliste sie nennt, wurden gegen Primärquellen geprüft. Nicht einzeln belegt: erklärende Darstellung nach Lehrbuchstand und Quellen, die in der Liste als „allgemeine Referenz“ markiert sind.
Quellen
- W3C – Web Content Accessibility Guidelines (WCAG) 2.1 und 2.2, Empfehlungen der W3C Web Accessibility Initiative
- W3C WAI – „Understanding Conformance“ (Erläuterung der Stufen A/AA/AAA) (allgemeine Referenz, nicht Zeile für Zeile geprüft)