WCAG (Web Content Accessibility Guidelines) sind die vom World Wide Web Consortium (W3C) herausgegebenen internationalen Richtlinien für barrierefreie Webinhalte, die in drei Konformitätsstufen (A, AA, AAA) definieren, wie digitale Inhalte für alle Menschen zugänglich gestaltet werden sollen.
Rubrik: Mediendesign & Digitale Medien · Unterrubrik: Accessibility · Niveau: Fortgeschritten
Was sind die WCAG?
Die Web Content Accessibility Guidelines sind ein Regelwerk, das vom W3C (World Wide Web Consortium) im Rahmen der Web Accessibility Initiative (WAI) entwickelt und gepflegt wird. Sie bilden die technische Grundlage für praktisch alle gesetzlichen Barrierefreiheitspflichten weltweit – von der EU-Richtlinie 2016/2102 über das amerikanische Section 508-Gesetz bis zur deutschen BITV 2.0 & EU-Accessibility-Richtlinie.
Die WCAG basieren auf den vier POUR-Prinzipien – Wahrnehmbar, Bedienbar, Verständlich, Robust: Wahrnehmbar (Perceivable), Bedienbar (Operable), Verständlich (Understandable) und Robust (Robust). Jedes der 78 Erfolgskriterien in WCAG 2.2 lässt sich einem dieser vier Prinzipien zuordnen.
Erklärung
Versionsgeschichte
WCAG 1.0 (1999): Die erste Version legte 14 Richtlinien und 65 Prüfpunkte fest, die stark auf HTML und damalige Webtechnologien zugeschnitten waren.
WCAG 2.0 (2008): Mit WCAG 2.0 wurde das Regelwerk technologieunabhängig gestaltet. Die vier POUR-Prinzipien wurden eingeführt. Diese Version gilt in vielen Ländern noch heute als Mindeststandard.
WCAG 2.1 (2018): WCAG 2.1 ergänzte 17 neue Erfolgskriterien, die insbesondere mobile Nutzung, kognitiv beeinträchtigte Nutzer und sehbehinderte Nutzer (Low Vision) berücksichtigen. Alle WCAG 2.0-Kriterien blieben unverändert enthalten.
WCAG 2.2 (2023): Die bisher aktuellste Version fügte neun weitere Erfolgskriterien hinzu. Besonders bemerkenswert: das Kriterium 4.1.1 (Parsing) wurde als veraltet entfernt, da moderne Browser Markup-Fehler zuverlässig korrigieren. Neue Kriterien betreffen u. a. Fokus-Sichtbarkeit (2.4.11, 2.4.12), zugängliche Authentifizierung (3.3.7, 3.3.8) und Ziel-Größen für Klick-/Tipp-Ziele (2.5.8).
WCAG 3.0 (in Entwicklung): Ein grundlegend überarbeitetes Modell mit einem neuen Bewertungssystem (statt A/AA/AAA) befindet sich bei W3C noch in früher Entwicklungsphase (Stand 2024).
Die drei Konformitätsstufen
Die WCAG kennen drei Konformitätsstufen, die den Grad der Umsetzung beschreiben:
Stufe A (Minimum): Die grundlegendsten Anforderungen. Ohne Erfüllung von Stufe A sind viele Nutzergruppen vollständig vom Zugang ausgeschlossen. Beispiel: Alle Bilder müssen einen Alt-Text für Bilder – Regeln & Best Practices haben (Kriterium 1.1.1).
Stufe AA (Standard): Die in der Praxis und rechtlich meistgeforderter Standard. EU-Richtlinie, BITV 2.0 & EU-Accessibility-Richtlinie und Barrierefreiheitsstärkungsgesetz (BFSG) 2025 fordern mindestens AA-Konformität. Beispiele: Farbkontrast & Accessibility – AA vs. AAA-Standards von mindestens 4,5:1 für Normaltext (Kriterium 1.4.3); Untertitel für aufgezeichnete Videos (Kriterium 1.2.2).
Stufe AAA (Erweitert): Die höchste Anforderungsstufe. Nicht für alle Inhalte umsetzbar; W3C empfiehlt sie als Optimierungsziel, nicht als universelle Pflicht. Beispiele: Farbkontrast & Accessibility – AA vs. AAA-Standards von mindestens 7:1 (Kriterium 1.4.6); Gebärdensprach-Videos als Alternative zu Audio (Kriterium 1.2.6).
Aufbau der Erfolgskriterien
Jedes WCAG-Erfolgskriterium folgt demselben Aufbau:
- Bezeichnung und Nummer (z. B. 1.1.1 Nicht-Text-Inhalt)
- Anforderung in normativer, messbarer Sprache
- Ausnahmen, die bestimmte Anwendungsfälle ausschließen
- Konformitätsstufe (A, AA oder AAA)
Ergänzt werden die normativen Kriterien durch nicht-normative Understanding-Dokumente und Techniques-Sammlungen, die konkrete Implementierungsempfehlungen geben.
Ausgewählte wichtige Kriterien in WCAG 2.2
| Kriterium | Prinzip | Stufe | Inhalt |
|---|---|---|---|
| 1.1.1 | Wahrnehmbar | A | Textalternativen für alle Nicht-Text-Inhalte |
| 1.3.1 | Wahrnehmbar | A | Information und Beziehungen strukturell kodiert |
| 1.4.3 | Wahrnehmbar | AA | Farbkontrast 4,5:1 (Normal) / 3:1 (Groß) |
| 1.4.11 | Wahrnehmbar | AA | Kontrast für Nicht-Text-Inhalte (UI-Komponenten) |
| 2.1.1 | Bedienbar | A | Vollständige Tastaturbedienbarkeit |
| 2.4.3 | Bedienbar | A | Fokus-Reihenfolge logisch |
| 2.4.7 | Bedienbar | AA | Fokus sichtbar |
| 2.4.11 | Bedienbar | AA | Fokus nicht verdeckt (neu in 2.2) |
| 2.5.8 | Bedienbar | AA | Mindestgröße für Zeigergesten-Ziele (neu in 2.2) |
| 3.1.1 | Verständlich | A | Sprache der Seite ausgezeichnet |
| 3.3.1 | Verständlich | A | Fehler identifiziert und beschrieben |
| 3.3.7 | Verständlich | A | Redundante Eingabe (neu in 2.2) |
| 3.3.8 | Verständlich | AA | Zugängliche Authentifizierung (neu in 2.2) |
| 4.1.2 | Robust | A | Name, Rolle, Wert für alle UI-Komponenten |
| 4.1.3 | Robust | AA | Statusmeldungen programmatisch erkennbar |
Beispiele
Kriterium 1.1.1 in der Praxis: Ein Produktbild ohne Alt-Text verstößt gegen Stufe A. Der Alt-Text für Bilder – Regeln & Best Practices „Blaue Winterjacke mit Reißverschluss, Marke XYZ" erfüllt das Kriterium.
Kriterium 2.5.8 in der Praxis: Touch-Buttons müssen mindestens 24x24 CSS-Pixel groß sein. Kleine Icon-Buttons ohne ausreichenden Abstand verstoßen gegen WCAG 2.2 AA.
In der Praxis
Für Mediengestalterinnen und -gestalter ist WCAG 2.2 AA der maßgebliche Arbeitsstandard. Die wichtigsten Arbeitsschwerpunkte:
- Farbpaletten prüfen: Farbkontrast & Accessibility – AA vs. AAA-Standards-Tools wie den WebAIM Contrast Checker in den Design-Workflow integrieren.
- Formulare absichern: Barrierefreie Formulare – Labels, Fehler & Bestätigung-Anforderungen (Labels, Fehlerhinweise) konform zu Kriterien 3.3.1–3.3.4 umsetzen.
- Tastaturtest durchführen: Jede Seite einmal komplett mit Tab-Taste navigieren – sichtbarer Fokus und logische Reihenfolge prüfen (vgl. Tastaturnavigation & Fokus-Management).
- Automatisierte Tests: Accessibility Testing – Tools & Methoden (axe, WAVE, Lighthouse) wie axe-core oder Lighthouse decken etwa 30–40 % aller WCAG-Kriterien automatisch ab.
Vergleich & Abgrenzung
WCAG vs. [BITV 2.0 & EU-Accessibility-Richtlinie](/wiki/mediendesign-digitale-medien/accessibility/bitv-eu-richtlinie/): Die BITV 2.0 ist die nationale Umsetzung der EU-Richtlinie 2016/2102 für Deutschland. Sie referenziert WCAG 2.1 AA als Mindeststandard und ergänzt einige Deutschland-spezifische Anforderungen.
WCAG vs. EN 301 549: EN 301 549 ist die europäische Norm, die WCAG 2.2 AA für digitale Produkte einschließt und zusätzlich Anforderungen für Software, Dokumente und Hardware enthält. Sie bildet die technische Grundlage für das Barrierefreiheitsstärkungsgesetz (BFSG) 2025.
WCAG 2.x vs. WCAG 3.0: WCAG 3.0 (in Entwicklung) sieht ein gestuftes Bewertungsmodell mit mehr Nuancen vor, das sich von der binären Pass/Fail-Logik der WCAG 2.x löst. Die Veröffentlichung ist nicht vor 2026 zu erwarten.
Häufige Fragen (FAQ)
Welche WCAG-Version ist rechtlich maßgeblich? In der EU gilt WCAG 2.1 AA als Mindeststandard gemäß EN 301 549. WCAG 2.2 AA wird empfohlen und von aktuellen Gesetzgebungen (BFSG) implizit gefordert, da die EN 301 549 in der Version von 2021 auf WCAG 2.2 verweist.
Müssen alle drei Konformitätsstufen erfüllt sein? Nein. Der gesetzliche Mindeststandard ist AA, nicht AAA. AAA gilt als wünschenswertes Optimierungsziel.
Gilt WCAG auch für native Apps? WCAG selbst adressiert Webinhalte, aber die übergeordneten Normen (EN 301 549) übertragen die Prinzipien auch auf native mobile Apps, Software und Dokumente.
Verwandte Einträge
- Accessibility – Grundlagen digitaler Barrierefreiheit
- POUR-Prinzipien – Wahrnehmbar, Bedienbar, Verständlich, Robust
- Farbkontrast & Accessibility – AA vs. AAA-Standards
- Alt-Text für Bilder – Regeln & Best Practices
- Tastaturnavigation & Fokus-Management
- ARIA-Labels – Zugängliche Rich Internet Applications
- BITV 2.0 & EU-Accessibility-Richtlinie
- Barrierefreiheitsstärkungsgesetz (BFSG) 2025
- Accessibility Testing – Tools & Methoden (axe, WAVE, Lighthouse)
Weiterführend
- W3C Web Accessibility Initiative: Web Content Accessibility Guidelines (WCAG) 2.2. W3C Recommendation, Oktober 2023.
- W3C WAI: Understanding WCAG 2.2. W3C, 2023.
- Caldwell, Ben / Cooper, Michael / Reid, Loretta Guarino / Vanderheiden, Gregg: Web Content Accessibility Guidelines 2.0. W3C Recommendation, Dezember 2008.
- Lawton Henry, Shawn: Just Ask: Integrating Accessibility Throughout Design. Lulu.com, 2007.
- Eulenstein, Michael: Barrierefreies Webdesign: Praxishandbuch für Web und Intranet. Addison-Wesley, 2020.
