Sobald man sich mit dem Thema Barrierefreiheit beschäftigt, stößt man auf ein Akronym, das zunächst unverständlich erscheinen mag: WCAG. Falls Ihnen das auch passiert ist und Sie das Rätsel noch nicht gelöst haben, keine Sorge. Ziel dieser Anleitung ist es, eine einfache und verständliche Übersicht über die WCAG zu geben, zu erklären, was sie sind, warum sie wichtig sind und wie sie umgesetzt werden können, um Websites für alle zugänglicher zu machen.


Konkret werden wir in dieser Anleitung folgende Themen behandeln:


Was sind die WCAG und warum sind sie wichtig?

WCAG (Kurzform für Web Content Accessibility Guidelines) sind eine Reihe internationaler Richtlinien, die vom W3C (World Wide Web Consortium), der Organisation, die globale Webstandards definiert, in Zusammenarbeit mit Einzelpersonen und Organisationen weltweit entwickelt wurden. Ziel der WCAG ist es, einen einheitlichen Standard für die Barrierefreiheit von Webinhalten bereitzustellen, um Entwicklern, Designern und Website-Betreibern zu helfen, ihre Inhalte für Menschen mit Behinderungen zugänglich zu machen.


Wie in der Einleitung der neuesten WCAG 2.2 beschrieben, ermöglichen diese Richtlinien die Zugänglichkeit von Inhalten "für eine breitere Gruppe von Menschen mit Behinderungen, darunter Blinde und Sehbehinderte, Gehörlose und Schwerhörige, Menschen mit eingeschränkter Mobilität, Sprachbehinderungen, Fotosensibilität sowie Kombinationen dieser Einschränkungen. Zudem verbessern sie die Barrierefreiheit für Menschen mit Lernbehinderungen und/oder kognitiven Einschränkungen". Darüber hinaus machen diese Richtlinien Webinhalte "auch für ältere Menschen, die altersbedingte Veränderungen ihrer Fähigkeiten erfahren, besser nutzbar und tragen oft zur allgemeinen Benutzerfreundlichkeit für alle Nutzer bei".


Die WCAG decken eine Vielzahl von Aspekten zur Erstellung von Webinhalten ab, darunter Navigation, Lesbarkeit, Interaktion mit der Website und die Barrierefreiheit von Medien (Bilder, Videos, interaktive Inhalte). Wie wir sehen werden, sind sie in 4 grundlegende Prinzipien unterteilt, aus denen die Richtlinien abgeleitet werden. Jede Richtlinie enthält überprüfbare Erfolgskriterien sowie verschiedene Konformitätsstufen.


Zusammenfassend sind die WCAG entscheidend für ein barrierefreies und inklusives Web, das für alle zugänglich ist, unabhängig von physischen, kognitiven oder technischen Fähigkeiten. Durch die Umsetzung dieser Richtlinien können Websites:

  • Die Inklusion erhöhen: das Web für Menschen mit Behinderungen zugänglich machen, einschließlich Personen mit Seh-, Hör-, Mobilitäts- und kognitiven Einschränkungen.
  • Die Benutzererfahrung verbessern: eine barrierefreie Website ist auch benutzerfreundlicher und einfacher zu navigieren, was allen Nutzern zugutekommt.
  • Gesetzliche Anforderungen erfüllen: in vielen Ländern ist die Einhaltung der WCAG für öffentliche und private Websites gesetzlich vorgeschrieben und Teil der Vorschriften zu den Rechten von Menschen mit Behinderungen.
  • Die SEO verbessern: viele bewährte Praktiken zur Barrierefreiheit, wie die Verwendung von Alternativtexten für Bilder und eine klare Struktur, tragen auch zur besseren Platzierung in Suchmaschinen bei.


Eine kurze Geschichte der WCAG: Von WCAG 1.0 bis WCAG 2.2

Die Web Content Accessibility Guidelines (WCAG) wurden entwickelt, um die Notwendigkeit zu erfüllen, das Web zu einem inklusiveren und zugänglicheren Ort für alle zu machen.


Die erste Version, WCAG 1.0, wurde 1999 veröffentlicht und bestand aus 14 Richtlinien, die in drei Prioritätsstufen unterteilt waren. Ziel war es, die Barrierefreiheit durch Empfehlungen zu verbessern, die auf die damaligen Technologien abgestimmt waren, wie die Verwendung von Alternativtexten für Bilder und die Bereitstellung alternativer Navigationsmethoden. Aufgrund der starken Abhängigkeit von HTML und der rasanten Entwicklung des Webs wurde diese Version jedoch schnell unflexibel.


Im Jahr 2008 wurde WCAG 2.0 veröffentlicht, eine umfassende Überarbeitung der Richtlinien, bei der vier grundlegende Prinzipien eingeführt wurden: Wahrnehmbar, Bedienbar, Verständlich und Robust. Diese Änderungen machten die Richtlinien allgemeiner und auf eine Vielzahl aktueller und zukünftiger Technologien anwendbar, was ihre Kompatibilität und Anpassungsfähigkeit verbesserte. WCAG 2.0 behielt die drei Konformitätsstufen (A, AA und AAA) bei, machte jedoch die Erfolgskriterien detaillierter und messbarer, um die Umsetzung der Barrierefreiheitsanforderungen zu erleichtern.


Zehn Jahre später, im Jahr 2018, erweiterte WCAG 2.1 den Anwendungsbereich weiter und führte neue Kriterien ein, um die Barrierefreiheit für „Nutzer mit kognitiven und Lernbehinderungen, Nutzer mit Sehbeeinträchtigungen und Nutzer mit Behinderungen auf mobilen Geräten“ zu verbessern.


Die neueste Version, WCAG 2.2, wurde offiziell im November 2022 veröffentlicht und führte spezifische Kriterien ein, um die Barrierefreiheit interaktiver Inhalte und Webanwendungen zu verbessern, mit besonderem Fokus auf Menschen mit kognitiven Einschränkungen und ältere Erwachsene. WCAG 2.2 behält die Konformitätsstufen (A, AA, AAA) bei und bleibt mit den vorherigen Versionen (WCAG 2.0 und 2.1) rückwärtskompatibel.


WCAG 2.2 stellt ein bedeutendes Update dar, ist aber kein Endpunkt: Die Arbeitsgruppe für Web-Barrierefreiheit entwickelt bereits eine neue Version der Richtlinien, die als umfassendere Umstrukturierung im Vergleich zu kleineren Aktualisierungen gedacht ist.


Die Auswirkungen der WCAG auf Gesetze und Organisationen

Die WCAG haben einen erheblichen Einfluss auf nationale und internationale Vorschriften zur digitalen Barrierefreiheit gehabt und die Entwicklung von Gesetzen und Richtlinien zur Förderung der Inklusion im Internet direkt beeinflusst. Viele Länder haben die WCAG als offiziellen Standard für die Barrierefreiheit von öffentlichen und privaten Websites übernommen und damit die Richtlinien in gesetzliche Anforderungen umgesetzt.


Auf europäischer Ebene hat die Richtlinie 2016/2102/EU zur Barrierefreiheit von Websites und mobilen Anwendungen öffentlicher Einrichtungen die Einhaltung der WCAG 2.1 mindestens auf Stufe AA für alle öffentlichen Verwaltungen verpflichtend gemacht. Ergänzend dazu wird der European Accessibility Act (EAA) ab Juni 2025 Barrierefreiheitsanforderungen für E-Commerce-Websites, Online-Banking-Dienste, digitale Plattformen und mobile Anwendungen privater Unternehmen vorschreiben. Ähnliche Vorschriften gibt es in anderen Regionen, wie dem Americans with Disabilities Act (ADA) in den Vereinigten Staaten, dem Accessibility for Ontarians with Disabilities Act (AODA) in Kanada, dem Disability Discrimination Act (DDA) in Australien und dem Disability Protection Act in Südkorea. In all diesen Fällen gilt die Einhaltung der WCAG als essenziell, um gleiche Rechte für Menschen mit Behinderungen zu gewährleisten.


Für Unternehmen bedeutet dies, dass eine Nichteinhaltung der WCAG erhebliche rechtliche Konsequenzen nach sich ziehen kann, darunter Verwaltungsstrafen, Klagen und Reputationsverluste. Firmen, die Barrierefreiheitsanforderungen ignorieren, riskieren nicht nur den Ausschluss von regulierten Märkten, sondern auch den Verlust von Vertrauen und Glaubwürdigkeit bei ihren Kunden.


Denken Sie daran: Auch wenn ein Unternehmen keine Niederlassungen in einem bestimmten Land hat, dort aber tätig ist, muss es die geltenden Barrierefreiheitsgesetze dieses Landes einhalten.


Die 4 Grundprinzipien der WCAG

Nachdem wir nun erklärt haben, was die WCAG sind, wie sie sich entwickelt haben und warum diese Richtlinien wichtig sind, wollen wir uns genauer ansehen, wie sie funktionieren.


Wie wir gesehen haben, konzentrierte sich WCAG 1.0 hauptsächlich auf technische Aspekte des Codes. Mit Version 2.0 wurde jedoch ein neuer Ansatz eingeführt, der vier grundlegende Prinzipien der Barrierefreiheit definiert, die sich auf die Nutzerfreundlichkeit konzentrieren:


Jedes dieser vier Prinzipien, bekannt unter dem Akronym POUR, stellt eine zentrale Dimension der Barrierefreiheit dar und enthält Richtlinien, die die Nutzbarkeit von Inhalten für alle Nutzer, insbesondere für Menschen mit Behinderungen, verbessern. Schauen wir sie uns im Detail an.


1. Wahrnehmbar

„Informationen und Benutzeroberflächenkomponenten müssen den Nutzern in einer Weise präsentiert werden, die sie wahrnehmen können.“


Dieses Prinzip betrifft die Fähigkeit der Nutzer, Inhalte mit mindestens einem ihrer Sinne wahrzunehmen, unabhängig von möglichen physischen oder sensorischen Einschränkungen.


Ein Beispiel zur Verdeutlichung: Nutzer mit vollständigem Sehvermögen können Texte lesen, Bilder sehen, visuelle Hinweise im Seitenlayout erkennen, die symbolische Bedeutung von Farben interpretieren und vieles mehr. Für blinde oder sehbehinderte Nutzer ist dies jedoch nicht möglich. Für diese Nutzer müssen Informationen in einem Format bereitgestellt werden, das sie leichter wahrnehmen können, wie z. B. Audio.


Unter diesem ersten Prinzip gibt es Richtlinien, die vorschreiben, dass Inhalte nicht auf eine einzige sensorische Wahrnehmung angewiesen sein dürfen. Dazu gehören beispielsweise Empfehlungen zur Bereitstellung von Alternativtexten für Bilder, Untertiteln für Videos oder Transkriptionen für Audioinhalte.


2. Bedienbar

„Benutzeroberflächenkomponenten und die Navigation müssen bedienbar sein.“


Dieses Prinzip bezieht sich auf die Fähigkeit der Nutzer, mit einer Website oder Anwendung zu interagieren, indem sie verschiedene Eingabemethoden wie Tastaturen, Mäuse, Touchscreens oder Sprachbefehle verwenden.


Die Nutzer müssen in der Lage sein, eine Website unabhängig von der gewählten Methode zu bedienen. Viele Menschen nutzen beispielsweise eine Tastatur anstelle einer Maus zur Navigation, und wenn eine Website keine Tastatursteuerung ermöglicht, ist sie für diese Nutzer nicht zugänglich.


Dieses Prinzip umfasst Richtlinien wie die Sicherstellung der Tastaturnavigation, die Bereitstellung alternativer Methoden für komplexe Bewegungen und die Vermeidung von Inhalten, die Anfälle oder körperliche Reaktionen auslösen können.

 

3. Verständlich

„Informationen und die Bedienung der Benutzeroberfläche müssen verständlich sein.“


Dieses Prinzip bezieht sich auf die Fähigkeit der Nutzer, sowohl den Inhalt als auch die Interaktionsmöglichkeiten zu verstehen. Die Website muss klare und konsistente Informationen bereitstellen, damit die Nutzer nicht raten müssen, wie verschiedene Abschnitte oder Schnittstellen funktionieren.


Beispiele für die Anwendung dieses Prinzips sind Richtlinien, die eine einfache Sprache vorschreiben, klare Fehlermeldungen bereitstellen und ein vorhersehbares Verhalten der Benutzeroberfläche gewährleisten. Zum Beispiel sollte sichergestellt werden, dass ein Menü oder eine Navigationsleiste auf allen Seiten konsistent bleibt.


4. Robust

„Inhalte müssen ausreichend robust sein, um von einer Vielzahl von Benutzerprogrammen, einschließlich assistiver Technologien, zuverlässig interpretiert zu werden.“


Dieses Prinzip bezieht sich auf die Kompatibilität von Inhalten mit verschiedenen Technologien und Geräten, einschließlich assistiver Technologien. Inhalte müssen so erstellt werden, dass sie auch mit zukünftigen Werkzeugen und Software-Updates korrekt interpretiert werden können.


Allgemein gilt ein Inhalt als „robust“, wenn er semantischen Code verwendet, der den HTML- und CSS-Standards entspricht, proprietäre Funktionen vermeidet, die nur auf bestimmten Geräten oder Browsern funktionieren, und sicherstellt, dass multimediale Inhalte auch auf Geräten mit unterschiedlichen Konfigurationen zugängliche Alternativen bieten.


Die 3 WCAG-Konformitätsstufen

Zusätzlich zur Gliederung nach den 4 grundlegenden Prinzipien, die wir gerade betrachtet haben, enthalten alle WCAG-Richtlinien „Erfolgskriterien“, die beschreiben, was erreicht werden muss, um dem Standard zu entsprechen. Diese Erfolgskriterien sind als überprüfbare Aussagen formuliert, die zwei Ergebnisse haben können: „Konform“ oder „Nicht konform“.


Die Erfolgskriterien sind in drei Konformitätsstufen unterteilt, die verschiedene Grade der Barrierefreiheit darstellen. Diese Stufen zeigen, in welchem Umfang Maßnahmen ergriffen wurden, um eine Website barrierefrei zu gestalten. Jede Stufe verfolgt ein spezifisches Ziel – von der Beseitigung der größten Barrieren bis hin zur vollständigen Optimierung der Nutzererfahrung.

  • Stufe A: Minimale Konformität - Dies ist das grundlegende Barrierefreiheitsniveau. Es konzentriert sich auf die Beseitigung der kritischsten Barrieren, die es Menschen mit Behinderungen erschweren, auf Inhalte zuzugreifen. Es garantiert jedoch keine vollständig barrierefreie Erfahrung.
  • Stufe AA: Mittlere Konformität - Dies ist der Standard für die meisten internationalen Vorschriften, einschließlich des Europäischen Barrierefreiheitsgesetzes. Es zielt darauf ab, die meisten wesentlichen Barrieren zu beseitigen und eine umfassendere Erfahrung zu ermöglichen.
  • Stufe AAA: Erweiterte Konformität - Das höchste Konformitätsniveau, das alle Kriterien der Stufen A und AA umfasst sowie zusätzliche Anforderungen enthält, um eine überlegene Barrierefreiheit zu gewährleisten. Dieses Niveau ist schwieriger zu erreichen und nicht immer gesetzlich vorgeschrieben.


Jede Stufe umfasst selbstverständlich alle Erfolgskriterien der vorherigen Stufen. Das bedeutet, dass eine Website, die der WCAG-Stufe AA entspricht, auch alle Anforderungen der Stufe A erfüllen muss.


Was Websites tun müssen, um WCAG-konform zu sein

Der beste Weg, um die WCAG-Richtlinien umzusetzen, besteht darin, zunächst ihre Logik und ihren Zweck zu verstehen und sie dann systematisch während der Planungs- und Entwicklungsphase anzuwenden.


Entgegen der landläufigen Meinung geht es nicht nur darum, eine Reihe von Regeln zu befolgen, sondern darum, zu erkennen, dass der Mensch im Mittelpunkt stehen muss. Das Internet ist ein fester Bestandteil des täglichen Lebens, und für Menschen mit Behinderungen kann es ein leistungsstarkes Werkzeug sein, um selbstständig auf Informationen, Kommunikation, Unterhaltung, Handel und mehr zuzugreifen. Nur wenn wir ihre Bedürfnisse berücksichtigen, können wir ein Internet gestalten, das diesen Anforderungen gerecht wird, anstatt weitere Barrieren zu schaffen.


Die WCAG-Richtlinien helfen uns auf diesem Weg, die richtigen Entscheidungen zu treffen und Maßnahmen zu ergreifen, um sicherzustellen, dass unsere Inhalte für möglichst viele Menschen zugänglich sind.


Wie man die WCAG-Konformität überprüft

Wie bereits erwähnt, besteht der beste Ansatz darin, die Bedürfnisse der Zielgruppe zu verstehen und die Inhalte von Anfang an mit einem klaren Bewusstsein für die WCAG-Richtlinien zu gestalten. Nur so kann sichergestellt werden, dass die getroffenen Entscheidungen zu wirklich barrierefreien Inhalten führen.


Aber wie kann die Konformität eines bereits bestehenden Webauftritts mit den WCAG-Richtlinien überprüft werden?

Barrierefreiheits-Experten empfehlen einen Ansatz, der zwei Techniken kombiniert:

  • Automatisierte Audits: Hierbei handelt es sich um Bewertungen, die mit Tools oder Plattformen zur Überprüfung der Barrierefreiheit von Websites durchgeführt werden. Diese Tools analysieren den Code und identifizieren Probleme wie fehlende Alternativtexte, inkonsistente Überschriften oder unzureichenden Kontrast. Sie sind in der Regel schnell und effizient bei der Erkennung offensichtlicher technischer Fehler und ermöglichen die schnelle Prüfung großer Mengen an Seiten, indem sie Berichte mit Problembeschreibungen und Lösungsvorschlägen bereitstellen.
    Es gibt viele kostenlose und kostenpflichtige Barrierefreiheits-Tools; einige der bekanntesten sind:
  • Manuelle Tests: Diese Tests werden von qualifizierten Barrierefreiheits-Experten durchgeführt. Idealerweise sollten sie von Menschen mit Behinderungen oder von Personen mit umfangreicher Erfahrung mit unterstützenden Technologien durchgeführt werden.


Automatisierte Audits sind schnell und kostengünstig, können jedoch den Kontext nicht interpretieren oder die Benutzererfahrung bewerten. Zum Beispiel können sie erkennen, ob Bilder einen Alternativtext haben, aber nicht beurteilen, ob der Text tatsächlich aussagekräftig ist. Im Gegensatz dazu ermöglichen manuelle Tests die Bewertung von Aspekten, die durch automatisierte Audits nicht erfasst werden können, erfordern jedoch Zeit und spezifische Fachkenntnisse. Deshalb ist die Kombination beider Techniken die beste Methode, um Inhalte umfassend zu testen und gleichzeitig die Kosten im Rahmen zu halten.


Aber auf welche Version der WCAG-Richtlinien sollte man sich beziehen? Das W3C empfiehlt, Inhalte gemäß den neuesten offiziellen Empfehlungen zu testen, d. h. derzeit nach WCAG 2.2. Es ist jedoch wichtig zu wissen, dass jede Version der WCAG 2 rückwärtskompatibel ist. Das bedeutet, dass WCAG 2.2 alle Erfolgskriterien von WCAG 2.1 enthält.


Daher können Sie davon ausgehen, dass IhreWebsite für die meisten Nutzer barrierefrei ist, wenn automatisierte Audits und/oder manuelle Tests bestätigen, dass sie die Erfolgskriterien von WCAG 2.2 auf den Konformitätsstufen A und AA erfüllt.


Unabhängig davon sollten Barrierefreiheitstests regelmäßig durchgeführt werden. Transparenz über den Fortschritt der Barrierefreiheitsmaßnahmen ist immer eine gute Praxis. Sie können beispielsweise eine Barrierefreiheitserklärung veröffentlichen, die die ergriffenen Maßnahmen und langfristigen Ziele darlegt (in einigen Fällen ist dies eine gesetzliche Verpflichtung) und Nutzer aktiv um Feedback bitten.