WCAG: Die Basis digitaler Barrierefreiheit

Das Wichtigste in Kürze

  • WCAG (Web Content Accessibility Guidelines) sind der internationale Standard für barrierefreie Websites und digitale Inhalte.
  • Die WCAG wurden vom W3C entwickelt und liegen aktuell in der Version 2.2 vor.
  • Sie bilden weltweit und in der EU, etwa durch das Barrierefreiheitsstärkungsgesetz (BFSG), die rechtliche Grundlage für gesetzliche Vorgaben zur digitalen Barrierefreiheit.
  • Die Richtlinien beruhen auf vier Prinzipien: wahrnehmbar, bedienbar, verständlich und robust.
  • Die Konformitätsstufen A, AA und AAA beschreiben den Grad der Barrierefreiheit.
  • Mit der Version WCAG 2.2 wurden zusätzliche Anforderungen eingeführt, unter anderem für die Tastaturnutzung, klar erkennbare Fokus-Indikatoren und die Unterstützung bei kognitiven Barrieren.

Was sind die WCAG?

WCAG steht für Web Content Accessibility Guidelines. Sie legen fest, wie Websites, Apps und Dokumente gestaltet sein müssen, damit sie von allen Menschen genutzt werden können, auch mit Screenreadern, Tastatur oder anderen Assistenzsystemen.

Die Richtlinien helfen Entwicklern und Unternehmen dabei, Inhalte so bereitzustellen, dass sie von allen Nutzer:innen auch mit Screenreader, Tastatur oder alternativen Endgeräten problemlos genutzt werden können.

Die aktuelle Version WCAG 2.2 baut auf WCAG 2.1 auf und erweitert die Kriterien, sodass moderne Nutzungsszenarien wie mobile Endgeräte oder kognitive Einschränkungen stärker berücksichtigt werden.

Die vier Prinzipien der WCAG

Alle Erfolgskriterien lassen sich vier Grundprinzipien zuordnen:                .

  • Wahrnehmbar: Inhalte müssen so präsentiert werden, dass sie für verschiedene Sinne zugänglich sind. Dazu gehören Alternativtexte für Bilder, Untertitel für Videos oder ausreichend Kontraste für Texte.
  • Bedienbar: Eine Website darf nicht nur mit der Maus funktionieren. Alle Inhalte sollen auch per Tastatur oder Sprache nutzbar sein.
  • Verständlich: Navigation, Sprache und Interaktionen müssen klar und nachvollziehbar sein. Einfache Formulierungen, eindeutige Links und konsistente Strukturen erleichtern die Orientierung.
  • Robust: Inhalte müssen mit unterschiedlichen Browsern, Betriebssystemen und Assistenztechnologien kompatibel sein. Nur so bleiben sie langfristig zugänglich.

 

Grafische Darstellung der Prinzipien WCAG-Richtlinien: wahrnehmbar, bedienbar, robust, verständlich

Die Stufen der WCAG

grafische Darstellung der Stufen A bis AAA der WCAG

Die WCAG definieren drei Konformitätsstufen:

  • Stufe A bildet die Mindestanforderungen ab. Eine Website erfüllt grundlegende Barrierefreiheit, bleibt aber für viele Nutzer:innen eingeschränkt.
  • Stufe AA gilt als Standard und entspricht den gesetzlichen Vorgaben, z. B. nach dem BFSG. Sie sorgt dafür, dass Websites für die meisten Menschen mit Einschränkungen zugänglich sind.
  • Stufe AAA steht für höchste Ansprüche an Barrierefreiheit. Diese Stufe ist nicht immer vollständig erreichbar, da manche Anforderungen in der Praxis schwer umzusetzen sind.

In der Praxis wird Stufe AA meist als Ziel gesetzt.

Wichtige Neuerungen in WCAG 2.2

Im Oktober 2023 hat das W3C die Web Content Accessibility Guidelines (WCAG) 2.2 veröffentlicht. Diese Version erweitert die WCAG 2.1 um neun zusätzliche Erfolgskriterien. Ziel ist es, moderne Nutzungssituationen besser abzubilden und die digitale Barrierefreiheit für alle Menschen, insbesondere für Nutzer:innen mit kognitiven Einschränkungen, Lernschwierigkeiten oder auf mobilen Endgeräten, weiter zu verbessern.

Mit der Version WCAG 2.2 wurden zusätzliche Kriterien eingeführt, die sowohl die Bedienbarkeit über Tastatur und Touchscreens als auch die Benutzerfreundlichkeit für Menschen mit kognitiven Einschränkungen stärken.

 

1. Tastaturbedienbarkeit und Fokus-Indikatoren

  • Fokus sichtbar: Wenn ein Element den Tastaturfokus erhält, muss es jederzeit klar erkennbar sein, dabei darf mindestens ein Teil nicht verdeckt werden.
  • Fokus-Indikatoren: Buttons, Links oder Eingabefelder müssen eine deutliche visuelle Hervorhebung erhalten, damit Nutzer:innen jederzeit erkennen, wo sie sich befinden.

2. Bedienung über Touchscreens und Maus

  • Ziehbewegungen: Für Aktionen, die ein Ziehen erfordern, muss eine einfache Alternative bereitgestellt werden (z. B. Tippen statt Ziehen).
  • Mindestgröße von Bedienelementen: Interaktive Elemente wie Buttons oder Links müssen eine ausreichend große Zielgröße oder einen entsprechenden Abstand haben. Das erleichtert die Bedienung, besonders auf mobilen Geräten.

3. Unterstützung bei kognitiven Einschränkungen

  • Konsistente Hilfe: Hilfefunktionen (z. B. FAQ, Chat, Support) müssen an gleicher Stelle wiederzufinden sein.
  • Redundante Eingaben vermeiden: Nutzer:innen dürfen nicht mehrfach dieselben Daten innerhalb einer Sitzung eingeben müssen.
  • Zugängliche Authentifizierung: Login-Prozesse sollen einfacher und barrierefrei gestaltet sein, z. B. durch Alternativen zu komplexen CAPTCHA-Abfragen.

Die WCAG 2.2 sind mehr als eine technische Aktualisierung. Sie bieten konkretere Anleitungen für die Umsetzung von Barrierefreiheit und tragen dazu bei, digitale Inhalte noch barrierefreier und nutzerfreundlicher zu gestalten.

Für wen gelten die WCAG?

Die WCAG sind internationale Standards für digitale Barrierefreiheit. Gesetzlich verbindlich sind sie nicht für alle, sondern überall dort, wo europäische oder nationale Vorgaben darauf verweisen.

In Europa müssen öffentliche Stellen seit der EU-Richtlinie 2016/2102 ihre Websites und mobilen Anwendungen barrierefrei gestalten. In Deutschland wurde dies mit der Barrierefreie-Informationstechnik-Verordnung (BITV 2.0) umgesetzt, die auch eine Barrierefreiheitserklärung vorschreibt.

Seit dem 28. Juni 2025 gilt außerdem das Barrierefreiheitsstärkungsgesetz (BFSG). Es verpflichtet zahlreiche private Unternehmen, ihre digitalen Produkte und Dienstleistungen barrierefrei anzubieten. Ausgenommen sind nur Kleinstunternehmen im Dienstleistungsbereich mit weniger als zehn Beschäftigten und einem Jahresumsatz von höchstens zwei Millionen Euro.

Wie setzt man die WCAG praktisch um?

Die Umsetzung der WCAG (Web Content Accessibility Guidelines) ist ein zentraler Schritt hin zu digitaler Barrierefreiheit. Sie erfordert technisches Know-how, ein strukturiertes Vorgehen und regelmäßige Überprüfung. Die folgenden Maßnahmen gehören zu den wichtigsten Best Practices:

1. Semantisches HTML und klare Strukturen: Eine korrekte semantische Auszeichnung bildet die Grundlage. Überschriften müssen in logischer Reihenfolge angelegt sein. Formulare brauchen eindeutige Labels. Inhalte sollten mit sauberen HTML-Strukturen gegliedert werden. 

2. Tastaturbedienbarkeit sicherstellen: Alle Funktionen müssen auch ohne Maus nutzbar sein. Navigation, Slider, Buttons oder Kontaktformulare sollen vollständig per Tastatur erreichbar sein. So können auch Menschen mit motorischen Einschränkungen oder Screenreader-Nutzer:innen Inhalte problemlos bedienen.

3. Farbkontraste und Alt-Texte: Eine gute Lesbarkeit ist entscheidend. Texte müssen sich klar vom Hintergrund abheben. Jedes Bild benötigt einen aussagekräftigen Alt-Text, damit Screenreader den Inhalt verständlich vermitteln können.  

4. Regelmäßige Tests durchführen: Automatisierte Tools wie WAVE, Axe oder Lighthouse helfen, Barrieren zu identifizieren. Noch wertvoller sind Usability-Tests mit echten Nutzer:innen, da sie praxisnahe Einblicke geben und versteckte Probleme aufdecken.

5. Barrierefreiheitserklärung: In vielen Ländern ist eine Barrierefreiheitserklärung gesetzlich vorgeschrieben. In Deutschland gilt dies durch das Barrierefreiheitsstärkungsgesetz (BFSG). Eine solche Erklärung dokumentiert den aktuellen Stand der Barrierefreiheit und zeigt transparent, welche Bereiche bereits optimiert wurden und wo noch Handlungsbedarf besteht.

Checkliste: WCAG-konform umsetzen

✓   Lässt sich die gesamte Website mit der Tastatur bedienen?

✓   Funktioniert die Website mit Screenreadern?

✓   Haben Bilder beschreibende Alt-Texte?

✓   Sind Farbkontraste ausreichend hoch?

✓   Sind Überschriften logisch verschachtelt (H1 → H2 → H3)?

✓   Sind Farbkontraste ausreichend hoch?

✓   Gibt es Untertitel für Videos und Transkripte für Audio?

Fazit

Die WCAG bilden die Grundlage für barrierefreie Websites und Apps. Sie legen internationale Standards fest, die in vielen Ländern gesetzlich vorgeschrieben sind.

Ihre Umsetzung erleichtert die Bedienbarkeit von Websites, optimiert die Nutzererfahrung und verbessert die Auffindbarkeit in Suchmaschinen. Darüber hinaus sorgen sie für rechtliche Sicherheit und Zukunftsfähigkeit digitaler Angebote. 

Mit WCAG 2.2 schaffen Unternehmen die Grundlage für digitale Teilhabe und erfüllen zentrale Anforderungen moderner Webstandards.

Passende Fragen unserer Kunden

Welche WCAG-Version ist aktuell gültig?

Derzeit gilt die Version 2.2 der Web Content Accessibility Guidelines (WCAG). Sie wurde 2023 veröffentlicht und erweitert die Vorgängerversion 2.1 um zusätzliche Erfolgskriterien, zum Beispiel für Tastaturnavigation und sichtbare Fokus-Indikatoren.

Das bedeutet, dass eine Website die Anforderungen der Stufe AA der Web Content Accessibility Guidelines (WCAG) 2.1 erfüllt. Diese Stufe gilt in vielen Ländern als gesetzlich geforderter Mindeststandard für Barrierefreiheit.

In vielen Ländern ja. In Deutschland bilden die WCAG die Grundlage für das Barrierefreiheitsstärkungsgesetz (BFSG), das seit Juni 2025 für zahlreiche Unternehmen gilt. Damit müssen digitale Angebote so gestaltet sein, dass sie den WCAG-Standards entsprechen.

Für eine erste Einschätzung können Sie Prüf-Tools wie WAVE, axe oder AccessGO verwenden. Sie zeigen typische Barrieren auf und geben Hinweise zur Verbesserung.

Fragen zur Barrierefreiheit?
Wir sind für Sie da.

Ob gesetzliche Anforderungen, technische Details oder allgemeine Orientierung – unsere Expert:innen beraten Sie persönlich, unkompliziert und kostenlos und zeigen Ihnen auch unsere Softwarelösung im Detail.

AccessGO Experten-Team

Sprechen Sie mit einem Experten von AccessGO. Wir beraten Sie kompetent bei all Ihren Fragen.

oder

Fragen zur Barrierefreiheit?
Wir sind für Sie da.

AccessGO Experten-Team

Wir beraten Sie persönlich, unkompliziert und kostenlos – und stellen Ihnen AccessGO direkt vor.

AccessGO Plugin in Aktion

per Klick oder Tastatur ALT + 1

+++ Unser Angebot zur Black Week +++

25% Rabatt auf alle Pakete im ersten Jahr

Jetzt bis 1.12. kostenlos starten & im ersten Jahr richtig sparen!

Rabatt-Code zur Black Week:

Aktion25

+++ Kostenloses Kompakt-Webinar +++

Barrierefreie Webseiten:
Alles Wichtige
in 12 Minuten​

Webinar startet in wenigen Sekunden . .. ...

Wichtige Infos und konkrete Empfehlungen für eine schnelle Umsetzung des BFSG.

Matthias Wirz
AccessGO