Wie WCAG funktioniert – Die Regeln für barrierefreies Webdesign

Ein Standard, geboren aus Ausgrenzung

Weltweit leben mehr als 1,3 Milliarden Menschen mit einer erheblichen Behinderung, so die Weltgesundheitsorganisation. Über 2,2 Milliarden haben Sehbeeinträchtigungen. Hunderte Millionen leiden unter Hörverlust, motorischen Einschränkungen oder kognitiven Unterschieden, die ihre Interaktion mit Bildschirmen verändern. Dennoch ist die überwiegende Mehrheit der Websites für sie nicht zugänglich.

Die Web Content Accessibility Guidelines – allgemein bekannt als WCAG – existieren, um diese Lücke zu schließen. WCAG wurde vom World Wide Web Consortium (W3C) entwickelt und ist der internationale technische Standard, der definiert, was „barrierefrei“ online tatsächlich bedeutet. Regierungen, Gerichte und Aufsichtsbehörden auf der ganzen Welt behandeln sie mittlerweile als Maßstab für digitale Inklusion.

Vier Prinzipien: POUR

Jede WCAG-Anforderung lässt sich auf vier grundlegende Prinzipien zurückführen, die oft als POUR abgekürzt werden:

• Perceivable (Wahrnehmbar) – Nutzer müssen alle Inhalte wahrnehmen können. Bilder benötigen Textalternativen für Screenreader. Videos benötigen Untertitel. Farbe allein darf keine Bedeutung vermitteln.
• Operable (Bedienbar) – Jede Funktion muss ohne Maus funktionieren. Tastaturnavigation, ausreichende Zeitlimits und anfallsichere Animationen fallen alle hierunter.
• Understandable (Verständlich) – Text muss lesbar, Navigation vorhersehbar und Fehlermeldungen hilfreich sein. Ein Formular, das Eingaben stillschweigend ablehnt, besteht diesen Test nicht.
• Robust – Inhalte müssen zuverlässig über Browser, Geräte und assistive Technologien hinweg funktionieren – heute und auch dann, wenn sich diese Tools weiterentwickeln.

Richtlinien, Kriterien und Konformitätsstufen

Unterhalb der vier Prinzipien befinden sich 13 Richtlinien und Dutzende von testbaren Erfolgskriterien. Jedes Kriterium gehört zu einer von drei Konformitätsstufen:

• Level A – Das absolute Minimum. Beseitigt die schwerwiegendsten Barrieren, wie z. B. fehlenden Alternativtext für Bilder oder Inhalte, die automatisch abgespielt werden, ohne dass es eine Möglichkeit gibt, sie zu stoppen.
• Level AA – Das praktische Ziel für die meisten Organisationen und die Stufe, die Gesetze typischerweise vorschreiben. Sie umfasst Farbkontrastverhältnisse, skalierbaren Text, konsistente Navigation und mehr.
• Level AAA – Der Goldstandard. Sie umfasst Gebärdensprachdolmetschung für Videos und verbesserte Kontrastverhältnisse. Nur wenige Websites erreichen die vollständige AAA-Konformität, und selbst das W3C empfiehlt sie nicht als pauschale Anforderung.

Jede Stufe ist kumulativ: Das Erreichen von AA bedeutet, dass auch jedes A-Kriterium erfüllt ist.

Vom freiwilligen Leitfaden zum Rechtsauftrag

WCAG begann 1999 als Version 1.0 – eine Reihe freiwilliger Empfehlungen. Der aktuelle Referenzstandard für die meisten Gesetze ist WCAG 2.1, veröffentlicht im Jahr 2018, wobei WCAG 2.2 im Jahr 2023 Kriterien für mobile und kognitive Barrierefreiheit hinzufügte.

Die rechtliche Verankerung hat sich rasant beschleunigt. Die Web Accessibility Directive der Europäischen Union verpflichtet Einrichtungen des öffentlichen Sektors, WCAG 2.1 AA zu erfüllen. Kanada, Australien und Israel verweisen in ihren eigenen Gesetzen zur Barrierefreiheit auf WCAG. In den Vereinigten Staaten hat das Justizministerium WCAG 2.1 Level AA im Jahr 2024 formell als Standard gemäß ADA Title II übernommen, der alle Websites und Apps von Bundesstaaten und Kommunen abdeckt.

Die Durchsetzung im Privatsektor erfolgt durch Rechtsstreitigkeiten. Seit 2018 haben Kläger mehr als 25.000 Bundes- und Staatsklagen eingereicht, in denen sie behaupten, dass nicht zugängliche Websites gegen das ADA verstoßen, so Daten, die von UsableNet erfasst wurden. Allein im Jahr 2024 wurden über 4.000 Klagen eingereicht.

Warum die meisten Websites immer noch scheitern

Trotz des steigenden rechtlichen Drucks bleibt die Compliance schlecht. Das Projekt WebAIM Million, das jährlich die Top-Millionen-Homepages auditiert, stellte fest, dass etwa 95 % der Seiten feststellbare WCAG-Fehler aufwiesen. Die häufigsten Fehler sind grundlegend: fehlender Alternativtext, geringer Farbkontrast, leere Links und fehlende Formularbeschriftungen.

Automatisierte Testtools erfassen nur einen Bruchteil der Probleme. Echte Compliance erfordert manuelle Audits, Tests mit Screenreadern und reiner Tastaturnavigation und – entscheidend – die Einbeziehung von Nutzern mit Behinderungen in den Designprozess.

Warum es über die Compliance hinaus wichtig ist

Barrierefreiheitsverbesserungen kommen weit mehr Menschen zugute als nur solchen mit diagnostizierten Behinderungen. Untertitel helfen Zuschauern in lauten Umgebungen. Die Tastaturnavigation unterstützt Power-User. Ein klarer Kontrast hilft jedem, der im Sonnenlicht liest. Schätzungsweise 69 % der behinderten Konsumenten verlassen nicht zugängliche Websites sofort, was laut AudioEye research Milliarden an Umsatzeinbußen bedeutet.

WCAG ist also nicht nur ein rechtlicher Schutzschild. Es ist eine Designphilosophie – eine, die Barrierefreiheit nicht als ein nachträglich hinzugefügtes Feature behandelt, sondern als ein Fundament, auf dem aufgebaut werden kann.