WCAG ist die Abkürzung für Web Content Accessibility Guidelines, auf Deutsch Richtlinien für barrierefreie Webinhalte. Das Regelwerk wird vom World Wide Web Consortium (W3C) im Rahmen der Web Accessibility Initiative entwickelt und beschreibt, wie Webseiten, Apps und andere digitale Inhalte für Menschen mit unterschiedlichen Einschränkungen nutzbar werden. Es gilt international als wichtigster Maßstab für digitale Barrierefreiheit und dient als Grundlage für Gesetze, Normen und Ausschreibungen.

Entwicklung und Versionen

Die erste Fassung erschien 1999. WCAG 2.0 folgte im Dezember 2008 und wurde 2012 auch als internationale Norm ISO/IEC 40500 veröffentlicht. Mit WCAG 2.1 kamen im Juni 2018 zusätzliche Kriterien hinzu, vor allem für mobile Geräte, Sehbehinderungen und kognitive Einschränkungen. Die derzeit aktuelle Fassung ist WCAG 2.2, die im Oktober 2023 als W3C-Empfehlung erschien und im Dezember 2024 in einer korrigierten Ausgabe neu veröffentlicht wurde. Parallel arbeitet das W3C seit Längerem an einer grundlegend neuen Generation der Richtlinien, die sich noch in Entwicklung befindet.

Die Versionen bauen aufeinander auf. Wer WCAG 2.2 erfüllt, erfüllt in der Regel auch die Anforderungen von 2.1 und 2.0. Eine Ausnahme bildet das Kriterium 4.1.1 zur fehlerfreien Auszeichnung des Quelltextes, das in WCAG 2.2 entfernt wurde, weil moderne Browser und Hilfsmittel damit zuverlässig umgehen.

Aufbau: Prinzipien, Richtlinien, Erfolgskriterien

Die Richtlinien sind hierarchisch gegliedert. An der Spitze stehen vier Prinzipien, die sich mit der Abkürzung POUR merken lassen:

  • Wahrnehmbar (Perceivable): Informationen müssen so dargestellt werden, dass sie sich wahrnehmen lassen, etwa durch Textalternativen, Untertitel und ausreichende Kontraste.
  • Bedienbar (Operable): Alle Funktionen müssen sich auch ohne Maus nutzen lassen, mit genügend Zeit und ohne Auslöser für Anfälle.
  • Verständlich (Understandable): Inhalte und Bedienung sollen nachvollziehbar und vorhersehbar sein.
  • Robust (Robust): Inhalte müssen mit heutigen und künftigen Browsern und Hilfstechnologien wie Screenreadern funktionieren.

Unter den Prinzipien liegen Richtlinien, die das jeweilige Ziel konkretisieren. Prüfbar werden die Vorgaben erst durch die Erfolgskriterien. WCAG 2.2 enthält 86 davon. Jedes Kriterium ist so formuliert, dass sich eindeutig feststellen lässt, ob es erfüllt ist oder nicht.

Übersicht der vier WCAG-Prinzipien Wahrnehmbar, Bedienbar, Verständlich und Robust mit den drei Konformitätsstufen A, AA und AAA
Grafik: Designbote

Konformitätsstufen

Jedes Erfolgskriterium ist einer von drei Stufen zugeordnet. Stufe A umfasst die grundlegenden Anforderungen, ohne die manche Menschen Inhalte gar nicht nutzen können. Stufe AA schließt die häufigsten und wichtigsten verbleibenden Barrieren und gilt in der Praxis als Standardziel. Stufe AAA ist am anspruchsvollsten und lässt sich nicht für jeden Inhalt vollständig erreichen. Die Stufen sind kumulativ: Wer AA erfüllen will, muss auch alle Kriterien der Stufe A erfüllen.

Konformität bezieht sich immer auf vollständige Seiten, nicht auf einzelne Elemente, und auf alle Bestandteile eines durchgängigen Ablaufs wie einen Bestellprozess. Teilweise Erfüllung gilt daher nicht als Konformität. Außerdem dürfen nur Technologien verwendet werden, die Hilfsmittel tatsächlich unterstützen, und nichts auf der Seite darf Nutzende blockieren, etwa durch eine Tastaturfalle, aus der sich der Fokus nicht lösen lässt.

Neuerungen in WCAG 2.2

WCAG 2.2 ergänzt neun Erfolgskriterien. Sie betreffen unter anderem die Sichtbarkeit des Tastaturfokus, der nicht von anderen Elementen verdeckt werden darf, alternative Bedienmöglichkeiten für Ziehgesten sowie eine Mindestgröße für Klick- und Tippziele von 24 mal 24 Pixeln. Hinzu kommen einheitlich platzierte Hilfeangebote, die Vermeidung doppelter Eingaben und Anmeldeverfahren, die keine kognitiven Funktionstests wie das Auswendiglernen von Passwörtern verlangen.

Bedeutung für die Gestaltung

Für Gestaltende bedeuten die WCAG vor allem klare Vorgaben zu Kontrast, Schriftgröße, Abständen, Fokuszuständen und Bedienelementen. Die Richtlinien selbst sind technologieneutral und gelten für Webseiten ebenso wie für Dokumente oder mobile Anwendungen. Ergänzende Dokumente erklären jedes Kriterium und nennen ausreichende Techniken zur Umsetzung. Automatische Prüfwerkzeuge finden nur einen Teil der Probleme, weshalb manuelle Tests mit Tastatur, Screenreader und realen Nutzenden notwendig bleiben.