Technische Fragen zu WCAG und Barrierefreiheit
Die technische Umsetzung von Barrierefreiheit wirft regelmäßig Fragen auf: Was genau sind die WCAG? Wie wird geprüft? Und reichen automatisierte Tools aus? Die folgenden Fragen behandeln die technischen Aspekte der barrierefreien Webentwicklung.
- Was sind die WCAG und welche Version gilt? Die Web Content Accessibility Guidelines (WCAG) sind der internationale Standard für barrierefreie Webinhalte, herausgegeben vom World Wide Web Consortium (W3C). Die aktuelle Version ist WCAG 2.2, veröffentlicht im Oktober 2023. Die EN 301 549 verweist auf WCAG 2.1 AA als Mindeststandard, wir empfehlen jedoch WCAG 2.2 AA als aktuellen Stand der Technik.
- Was bedeutet WCAG 2.2 AA Konformität? WCAG definiert 78 Erfolgskriterien auf drei Stufen: A (Grundniveau), AA (empfohlen) und AAA (optimal). Konformitätsstufe AA umfasst alle A- und AA-Kriterien, also 56 der 78 Kriterien. AA ist der international anerkannte Standard und wird von EN 301 549 als Mindestanforderung referenziert.
- Reichen automatisierte Barrierefreiheitstools aus? Nein. Automatisierte Tools wie axe-core und Lighthouse erkennen nur 30 bis 50 Prozent aller Barrierefreiheitsprobleme (Quelle: WebAIM 2024). Komplexe Barrieren wie inkonsistente Screenreader-Ausgaben, unverständliche Fehlermeldungen oder mangelnde Tastaturzugänglichkeit erfordern manuelle Expertenbewertung und Tests mit assistiven Technologien.
- Was ist der Unterschied zwischen ARIA und semantischem HTML? Semantisches HTML (Überschriften, Landmarks, Listen, Formulare) transportiert Bedeutung direkt über native HTML-Elemente. ARIA (Accessible Rich Internet Applications) ergänzt fehlende Semantik für interaktive Widgets wie Tabs, Modale und Dropdown-Menüs. Die erste Regel von ARIA: Verwende kein ARIA, wenn ein natives HTML-Element die Aufgabe erfüllt (Quelle: W3C WAI).
- Funktioniert Barrierefreiheit mit JavaScript-Frameworks? Ja. React, Vue, Angular und Svelte sind vollständig kompatibel mit barrierefreier Entwicklung. Die Herausforderungen liegen im clientseitigen Routing, dynamischen Inhalten und Fokusmanagement. Mit den richtigen Patterns und Bibliotheken lassen sich diese Herausforderungen lösen. Mehr dazu auf unserer Seite zur barrierefreien Webentwicklung.
- Was sind Accessibility Overlays und warum funktionieren sie nicht? Accessibility Overlays sind JavaScript-Widgets, die eine Website nachträglich anpassen sollen. Führende Barrierefreiheitsexperten und Behindertenverbände warnen ausdrücklich vor diesen Tools: Sie lösen die strukturellen Probleme im Quellcode nicht und können die Nutzererfahrung für Menschen mit Behinderung sogar verschlechtern. Das BFSG erfordert strukturelle Barrierefreiheit im Quellcode (Quelle: W3C WAI, Overlay Fact Sheet).