WCAG (Web Content Accessibility Guidelines)
Dieser Beitrag ist eine Begriffserklärung zu WCAG – inklusive Prüfungsfragen, Kernkomponenten und Tags.
In a Nutshell
WCAG definiert prüfbare Erfolgskriterien für Barrierefreiheit entlang von vier Prinzipien:
- wahrnehmbar
- bedienbar
- verständlich
- robust
Typischer Zielstandard in Projekten ist WCAG AA.
Kompakte Fachbeschreibung
WCAG (vom W3C) hat Konformitätsstufen:
- A (Minimum)
- AA (Praxisstandard)
- AAA (erweitert, nicht überall realistisch)
Die vier Prinzipien heißen als Akronym POUR.
Typische Erfolgskriterien (Beispiele):
- Kontrast (AA i.d.R. 4,5:1 für Fließtext)
- Tastaturbedienbarkeit
- Fokus sichtbar
- klare Labels/Fehlermeldungen
Umsetzung:
- semantisches HTML vor ARIA
- logische Reihenfolge
- Fokusmanagement
- verständliche Fehlerbehandlung
Nachweis: automatisierte Scans + manuelle Checks + Screenreader-/Tastaturtests.
Prüfungsrelevante Stichpunkte
- POUR erklären
- Level A/AA/AAA unterscheiden
- Kontrastwerte nennen
- Tastaturpfad + Fokus sichtbar
- Tests: Scanner + manuell + Assistenztechnik
- Doku: Checkliste, Testprotokolle, Styleguide
- Beziehung zu EN 301 549 (EU)
Kernkomponenten
- Prinzipien + Erfolgskriterien
- Zielniveau (AA) + Scope
- Semantik/Struktur
- Tastaturbedienbarkeit
- Kontrast + Wahrnehmbarkeit
- Labels/Name-Rolle-Wert
- Fehlertoleranz/Fehlermeldungen
- Medienalternativen
- Robuste Technik + ARIA korrekt
- QS-Prozess + Protokolle
Praxisbeispiel (Formular)
- sichtbare Labels + programmatische Zuordnung
- Tastaturreihenfolge linear, Fokus sichtbar
- Fehlerliste verlinkt Felder, feldnahe Fehlermeldungen
- Kontrast 4.5:1 für Text
- A11y-Checkliste + Testprotokoll im Repo
Typische Prüfungsfragen (mit Kurzantwort)
- Was bedeutet POUR? Wahrnehmbar, Bedienbar, Verständlich, Robust.
- AA-Kontrast für Fließtext? Mindestens 4,5:1.
- Wie testet man effizient? Automatisiert + manuell + Tastatur/Screenreader.