Was ist WCAG 2.1?
Die Web Content Accessibility Guidelines (WCAG) 2.1 sind Richtlinien des W3C (World Wide Web Consortium), die beschreiben, wie Webinhalte für Menschen mit Behinderungen zugänglich gestaltet werden können. Sie wurden 2018 veröffentlicht und erweitern WCAG 2.0 um 17 neue Kriterien — insbesondere für mobile Barrierefreiheit und Sehbehinderungen.
In Deutschland sind WCAG 2.1 die technische Referenz für BITV 2.0 (öffentlicher Sektor) und BFSG (privater Sektor). Die gesetzlich geforderte Konformitätsstufe ist AA.
Die vier POUR-Prinzipien
Alle 78 WCAG-Kriterien basieren auf vier Grundprinzipien. Wird eines verletzt, können Menschen mit Behinderungen den Inhalt nicht nutzen.
Wahrnehmbar
Informationen müssen für alle Nutzer wahrnehmbar sein — unabhängig von Sinneseinschränkungen.
- Alt-Texte für alle nicht-dekorativen Bilder
- Untertitel für Audio- und Videoinhalte
- Kontrastverhältnis min. 4,5:1 (Text zu Hintergrund)
- Text auf 200 % vergrößerbar ohne Inhaltsverlust
Bedienbar
Alle Funktionen müssen mit der Tastatur bedienbar sein und ausreichend Zeit für Interaktion lassen.
- Vollständige Tastaturbedienbarkeit
- Keine Tastaturfallen
- Sichtbarer Tastaturfokus
- Keine Inhalte, die Anfälle auslösen können
Verständlich
Inhalte und Funktionsweise müssen für alle Nutzer verständlich sein.
- Seitensprache im HTML angegeben
- Konsistente Navigation
- Klare Formularbeschriftungen
- Hilfreiche Fehlermeldungen
Robust
Inhalte müssen von einer Vielzahl von Benutzeragenten — auch assistiven Technologien — interpretiert werden können.
- Valides, sauberes HTML
- Korrekte ARIA-Attribute
- Screenreader-kompatibel
- Status und Eigenschaften programmatisch verfügbar
Die drei Konformitätsstufen
25 Basiskriterien
Mindestandard. Ohne diese Kriterien ist die Website für viele Menschen mit Behinderungen nicht nutzbar.
38 weitere Kriterien
Gesetzlich gefordert durch BFSG und BITV 2.0. Deckt die meisten Barrierefreiheitsbedürfnisse ab.
15 erweiterte Kriterien
Exzellenz. Gesetzlich nicht verpflichtend, aber empfehlenswert für maximale Inklusion.
Wichtige Erfolgskriterien WCAG 2.1 Stufe AA
Diese Kriterien sind für die BFSG- und BITV-Konformität in Deutschland zwingend erforderlich.
| Kriterium | Stufe | Prinzip | Anforderung |
|---|---|---|---|
| 1.1.1 Nicht-Text-Inhalt | A | Wahrnehmbar | Alt-Texte für alle informativen Bilder |
| 1.3.1 Info und Beziehungen | A | Wahrnehmbar | Semantische HTML-Struktur |
| 1.4.3 Kontrast (Minimum) | AA | Wahrnehmbar | 4,5:1 für normalen Text, 3:1 für großen Text |
| 1.4.4 Textgröße ändern | AA | Wahrnehmbar | Text auf 200 % vergrößerbar |
| 1.4.10 Umfluss (Reflow) | AA | Wahrnehmbar | Inhalte bei 320 px Breite ohne Scrollen nutzbar (neu in 2.1) |
| 1.4.11 Nicht-Text-Kontrast | AA | Wahrnehmbar | UI-Komponenten und Grafiken 3:1 Kontrast (neu in 2.1) |
| 1.4.12 Textabstand | AA | Wahrnehmbar | Kein Inhaltsverlust bei angepasstem Zeichenabstand (neu in 2.1) |
| 2.1.1 Tastatur | A | Bedienbar | Alle Funktionen per Tastatur erreichbar |
| 2.4.7 Fokus sichtbar | AA | Bedienbar | Sichtbarer Tastaturfokusindikator |
| 2.5.3 Beschriftung im Namen | A | Bedienbar | Sichtbares Label ist Teil des zugänglichen Namens (neu in 2.1) |
| 3.1.1 Sprache der Seite | A | Verständlich | Seitensprache im HTML-Attribut (z. B. lang="de") |
| 3.3.1 Fehlererkennung | A | Verständlich | Formulareingabefehler als Text beschrieben |
| 4.1.2 Name, Rolle, Wert | A | Robust | UI-Komponenten mit korrekten ARIA-Attributen |
In 5 Schritten zur WCAG-Konformität
Barrierefreiheit muss kein überwältigender Prozess sein. Dieser strukturierte Plan hilft Ihnen, systematisch vorzugehen.
Website-Audit durchführen
Nutzen Sie den Wawsome-Scanner oder axe DevTools für eine vollständige Bestandsaufnahme aller Barrieren.
Stufe-A-Fehler beheben
Alt-Texte ergänzen, HTML-Struktur korrigieren, Tastaturbedienbarkeit sicherstellen — das sind die kritischsten Barrieren.
Stufe AA erreichen
Kontrastanforderungen erfüllen, Reflow für Mobile umsetzen, Textabstand und Fokus-Sichtbarkeit gewährleisten.
Barrierefreiheits-Widget installieren
Das Wawsome-Widget ermöglicht individuelle Anpassungen für Nutzer und deckt weitere WCAG-Kriterien ab.
Kontinuierlich überwachen
Barrierefreiheit ist ein fortlaufender Prozess. Jede Website-Aktualisierung kann neue Barrieren einführen. Automatisches Monitoring hilft.
WCAG 2.1 vs. WCAG 2.2
WCAG 2.2 (Oktober 2023) ergänzt die Version 2.1 um 9 neue Kriterien. Für Deutschland besonders relevant:
✓ Zeigergesten (Alternativen zu Drag)
✓ Mindestgröße Interaktionsziele (24×24 px)
✓ Konsistente Hilfe
✓ Redundante Eingabe vermeiden
WCAG 2.1 Konformität einfach erreichen
Der Wawsome-Scanner prüft Ihre Website vollständig nach WCAG 2.1 und zeigt Ihnen klare Maßnahmen — kostenlos für 7 Tage.
Kostenlos scannen →