Skip to main content

Was ist WCAG? Die Web Content Accessibility Guidelines verstehen

Die Web Content Accessibility Guidelines, allgemein bekannt als WCAG, sind die international anerkannten technischen Standards, um digitale Inhalte für Menschen mit Behinderungen zugänglich zu machen. Entwickelt vom World Wide Web Consortium (W3C) durch eine gemeinsame Anstrengung von Behindertenverbänden, Regierungsbehörden, Barrierefreiheitsforschern und Branchenexperten, bietet WCAG den Rahmen, den Organisationen weltweit zur Bewertung und Verbesserung der digitalen Barrierefreiheit nutzen.

WCAG ist an sich kein Gesetz. Es handelt sich um eine Reihe technischer Standards. Allerdings wurde WCAG von praktisch jedem bedeutenden Barrierefreiheitsgesetz und jeder Vorschrift weltweit übernommen oder referenziert, was es zum De-facto-Maßstab für die rechtliche Konformität macht. Wenn Ihre Organisation den European Accessibility Act, den Americans with Disabilities Act, Section 508 oder eines der Dutzenden anderer nationaler Barrierefreiheitsvorschriften einhalten muss, ist WCAG der Standard, an dem Sie gemessen werden.

Die vier Prinzipien: POUR

Alles in WCAG ist um vier grundlegende Prinzipien herum organisiert, die unter dem Akronym POUR bekannt sind. Diese Prinzipien definieren, was es bedeutet, dass digitale Inhalte barrierefrei sind.

Wahrnehmbar (Perceivable) bedeutet, dass Informationen und Benutzeroberflächenkomponenten den Nutzern auf eine Weise dargestellt werden müssen, die sie wahrnehmen können. Dies bedeutet nicht, dass jeder Nutzer Inhalte mit allen Sinnen wahrnehmen können muss — es bedeutet, dass Inhalte über mindestens einen Sinn verfügbar sein müssen, auf den der Nutzer sich verlassen kann. Zum Beispiel benötigen Bilder Textalternativen, damit Menschen, die sie nicht sehen können, die Informationen trotzdem verstehen können. Videos benötigen Untertitel, damit Menschen, die den Ton nicht hören können, trotzdem folgen können. Text muss einen ausreichenden Kontrast zu seinem Hintergrund haben, damit Menschen mit Sehbeeinträchtigungen ihn lesen können.

Bedienbar (Operable) bedeutet, dass Benutzeroberflächenkomponenten und Navigation von allen Nutzern bedient werden können müssen. Jede Funktion, die über eine Maus verfügbar ist, muss auch über eine Tastatur verfügbar sein. Nutzer müssen genügend Zeit haben, um Inhalte zu lesen und mit ihnen zu interagieren. Inhalte dürfen nicht so gestaltet sein, dass sie Anfälle oder körperliche Reaktionen auslösen. Nutzer müssen navigieren, Inhalte finden und feststellen können, wo sie sich innerhalb einer Website befinden.

Verständlich (Understandable) bedeutet, dass Informationen und die Bedienung der Benutzeroberfläche verständlich sein müssen. Text muss lesbar und nachvollziehbar sein. Webseiten müssen auf vorhersehbare Weise erscheinen und funktionieren. Nutzern muss geholfen werden, Fehler zu vermeiden und zu korrigieren — insbesondere bei Formularen, bei denen Fehler erhebliche Konsequenzen haben können.

Robust bedeutet, dass Inhalte robust genug sein müssen, um von einer Vielzahl von Benutzeragenten, einschließlich assistiver Technologien wie Screenreader, zuverlässig interpretiert werden zu können. Dies erfordert sauberen, gut strukturierten Code, der Webstandards folgt und Informationen korrekt an alle Technologien kommuniziert, die darauf zugreifen.

Die 13 Richtlinien

Unter den vier POUR-Prinzipien befinden sich 13 Richtlinien, die die spezifischen Ziele vorgeben, auf die Autoren hinarbeiten sollten. Diese Richtlinien sind selbst nicht testbar, bilden aber den Rahmen für die testbaren Erfolgskriterien.

Unter Wahrnehmbar gibt es vier Richtlinien, die Textalternativen für Nicht-Text-Inhalte, Alternativen für zeitbasierte Medien, Anpassungsfähigkeit der Inhaltspräsentation und Unterscheidbarkeit von Inhalten einschließlich Kontrast und Audiosteuerung abdecken.

Unter Bedienbar gibt es fünf Richtlinien, die Tastaturzugänglichkeit, ausreichende Zeit für Nutzer, Vermeidung von Anfällen und körperlichen Reaktionen, Navigierbarkeit und Eingabemodalitäten jenseits von Tastatur und Maus abdecken.

Unter Verständlich gibt es drei Richtlinien, die Lesbarkeit, Vorhersehbarkeit des Webseiten-Verhaltens und Eingabehilfe für Formulare und Fehlerbehandlung abdecken.

Unter Robust gibt es eine Richtlinie, die die Kompatibilität mit aktuellen und zukünftigen Benutzeragenten und assistiven Technologien abdeckt.

Erfolgskriterien: Die testbaren Anforderungen

Jede Richtlinie enthält spezifische Erfolgskriterien — testbare Aussagen, die bestimmen, ob Inhalte den Barrierefreiheitsstandard erfüllen. WCAG 2.2, die aktuelle Version, enthält insgesamt 86 Erfolgskriterien. Jedem Erfolgskriterium ist eine von drei Konformitätsstufen zugeordnet: A, AA oder AAA.

Erfolgskriterien sind technologieneutral formuliert. Sie beschreiben, was erreicht werden muss, nicht wie es erreicht werden soll. Die spezifischen Techniken zur Erfüllung jedes Kriteriums hängen von der verwendeten Technologie ab — HTML, CSS, JavaScript, PDF oder andere Formate. Das W3C stellt separate Dokumentationen zu ausreichenden Techniken und häufigen Fehlern für jedes Erfolgskriterium bereit.

Eine kurze Geschichte der WCAG

WCAG hat sich seit seiner ersten Veröffentlichung erheblich weiterentwickelt. WCAG 1.0 wurde im Mai 1999 veröffentlicht und enthielt 14 Richtlinien mit einem prioritätsbasierten Konformitätssystem. Es war bahnbrechend für seine Zeit, war aber stark an bestimmte Technologien gebunden, insbesondere an HTML.

WCAG 2.0, veröffentlicht im Dezember 2008, war eine grundlegende Neukonzeption. Es führte die POUR-Prinzipien, das dreistufige Konformitätssystem (A, AA, AAA) und technologieneutrale Erfolgskriterien ein, die auf jede Webtechnologie angewendet werden konnten, anstatt an bestimmte Auszeichnungssprachen gebunden zu sein.

WCAG 2.1, veröffentlicht im Juni 2018, fügte 17 neue Erfolgskriterien hinzu, um Lücken zu schließen, die sich insbesondere bei mobiler Barrierefreiheit, Sehbeeinträchtigungen und kognitiven Behinderungen ergeben hatten. Es war als Zwischenupdate konzipiert, während die Arbeit an zukünftigen Versionen fortgesetzt wurde.

WCAG 2.2, veröffentlicht im Oktober 2023, ist der aktuelle Standard. Es fügt neun neue Erfolgskriterien hinzu und entfernt eines (SC 4.1.1 Parsing, das jetzt als veraltet gilt). Die neuen Kriterien konzentrieren sich auf verbesserte Tastaturnavigation, Touch-Zielgrößen, kognitive Barrierefreiheit und Benutzerfreundlichkeit bei der Authentifizierung. WCAG 2.2 ist abwärtskompatibel — Inhalte, die 2.2 entsprechen, entsprechen auch 2.1 und 2.0.

Wer ist für Barrierefreiheit verantwortlich?

Ein häufiges Missverständnis ist, dass Barrierefreiheit ausschließlich eine Entwicklungsaufgabe sei. In Wirklichkeit ist Barrierefreiheit eine gemeinsame Verantwortung aller Rollen, die an der Erstellung digitaler Inhalte beteiligt sind. Designer treffen Entscheidungen über Farbe, Kontrast, Layout und Interaktionsmuster, die die Barrierefreiheit grundlegend bestimmen. Entwickler implementieren die technischen Grundlagen — semantisches Markup, Tastaturunterstützung, ARIA-Attribute. Content-Ersteller schreiben den Alt-Text, den Linktext, die Überschriften und die Anleitungstexte, auf die Nutzer angewiesen sind. Produktmanager und Unternehmensführer setzen die Prioritäten und stellen die Ressourcen bereit.

Barrierefreiheit funktioniert am besten, wenn sie in jede Phase des Design- und Entwicklungsprozesses integriert wird und nicht erst am Ende angehängt wird. Je früher Barrierefreiheit berücksichtigt wird, desto weniger aufwendig und störend ist ihre Umsetzung.

Ist Ihre Website barrierefrei?

Scannen Sie Ihre Website kostenlos und erhalten Sie Ihren WCAG-Score in wenigen Minuten.

Ihre Website kostenlos scannen