Zum Inhalt springen
Pandus

WCAG erklärt: die Web Content Accessibility Guidelines

Aktualisiert am 14. Oktober 2026 · Lesezeit: 4 Min.

Die WCAG – Web Content Accessibility Guidelines – sind der internationale Standard für barrierefreie Websites und Apps. Herausgeber ist die Web Accessibility Initiative des W3C. In prüfbaren Regeln beschreiben sie, was eine Seite braucht, damit Menschen mit Behinderungen sie nutzen können: blinde Menschen mit Screenreader, Menschen, die keine Maus bedienen können, Menschen mit Sehschwäche, gehörlose Menschen und Menschen mit kognitiven Einschränkungen.

Die vier Prinzipien

Alle Erfolgskriterien sind vier Prinzipien zugeordnet, auf Englisch oft als POUR abgekürzt:

  1. Wahrnehmbar – Informationen lassen sich sehen oder hören: Textalternativen für Bilder, Untertitel für Videos, genug Kontrast.
  2. Bedienbar – alles funktioniert per Tastatur, es gibt genug Zeit, nichts blinkt gefährlich, die Navigation ist klar.
  3. Verständlich – die Sprache ist angegeben, das Verhalten ist vorhersehbar, Formulare erklären Fehler.
  4. Robust – der Code funktioniert mit assistiven Technologien: Jedes Bedienelement hat einen Namen, eine Rolle und einen Zustand.

Die Stufen A, AA und AAA

Jedes Erfolgskriterium hat eine Stufe. A ist das Minimum, AA ergänzt, was die meisten Menschen brauchen, und AAA ist die strengste Stufe. Gesetze und Vorgaben – die EN 301 549 in der Europäischen Union, Section 508 und Vergleiche nach dem ADA in den USA – verlangen Stufe AA, also alle Kriterien der Stufen A und AA. Mehr dazu in WCAG-Stufen A, AA und AAA.

Die Versionen 2.0, 2.1 und 2.2

WCAG 2.0 stammt von 2008, 2.1 von 2018 und 2.2 von 2023. Jede Version behält die früheren Kriterien und ergänzt neue; mit 2.2 wurde außerdem 4.1.1 Syntaxanalyse gestrichen. Eine Website, die 2.2 AA erfüllt, erfüllt auch 2.1 AA und 2.0 AA. Was sich in jeder Version geändert hat: WCAG 2.1 vs. 2.2.

Alle Erfolgskriterien der Stufen A und AA

Die Tabelle zeigt die 55 Erfolgskriterien der WCAG 2.2 auf den Stufen A und AA. Jedes verlinkt auf unsere verständliche Erklärung und auf den offiziellen Text des W3C und zeigt, ob unsere automatischen Prüfungen einen Teil davon testen.

Für 22 der 55 Erfolgskriterien der WCAG 2.2 auf den Stufen A und AA gibt es in unserer Bibliothek mindestens eine automatische Prüfung. Die übrigen sind als „manuelle Prüfung“ markiert: Sie muss ein Mensch prüfen.

Erfolgskriterium Stufe Was der Check prüft
1.1.1 Nicht-Text-Inhalt W3C A Teilweise automatisch: Einige Füllstandsanzeigen haben keinen Namen, Einige Fortschrittsbalken haben keinen Namen, Bilder haben keine Textbeschreibung, Eine Bild-Schaltfläche hat keine Textbeschreibung und 3 weitere (alle Regeln)
1.2.1 Reine Audio- und Videoinhalte (aufgezeichnet) W3C A Manuelle Prüfung
1.2.2 Untertitel (aufgezeichnet) W3C A Teilweise automatisch: Videos haben keine Untertitel
1.2.3 Audiodeskription oder Medienalternative (aufgezeichnet) W3C A Manuelle Prüfung
1.2.4 Untertitel (Live) W3C AA Manuelle Prüfung
1.2.5 Audiodeskription (aufgezeichnet) W3C AA Manuelle Prüfung
1.3.1 Info und Beziehungen W3C A Teilweise automatisch: Die ganze Seite ist für Screenreader ausgeblendet, Selbst gebaute Menüs oder Listen sind fehlerhaft aufgebaut, Selbst gebaute Menüpunkte oder Tabs stehen außerhalb ihrer Gruppe, Eine Liste aus Bezeichnungen und Werten ist falsch aufgebaut und 8 weitere (alle Regeln)
1.3.2 Bedeutungstragende Reihenfolge W3C A Manuelle Prüfung
1.3.3 Sensorische Eigenschaften W3C A Manuelle Prüfung
1.3.4 Bildschirmausrichtung W3C AA Teilweise automatisch: Die Website funktioniert nur in einer Bildschirmausrichtung
1.3.5 Bestimmung des Eingabezwecks W3C AA Teilweise automatisch: Formularfelder werden nicht automatisch ausgefüllt
1.4.1 Benutzung von Farbe W3C A Teilweise automatisch: Links im Fließtext sehen aus wie normaler Text
1.4.2 Audio-Steuerelement W3C A Teilweise automatisch: Videos oder Töne starten von selbst mit Ton
1.4.3 Kontrast (Minimum) W3C AA Teilweise automatisch: Text ist wegen zu geringen Kontrasts schwer lesbar
1.4.4 Textgröße ändern W3C AA Teilweise automatisch: Besucher können die Seite auf dem Smartphone nicht vergrößern
1.4.5 Bilder eines Textes W3C AA Manuelle Prüfung
1.4.10 Umfluss (Reflow) W3C AA Manuelle Prüfung
1.4.11 Nicht-Text-Kontrast W3C AA Manuelle Prüfung
1.4.12 Textabstand W3C AA Teilweise automatisch: Textabstände lassen sich nicht anpassen
1.4.13 Inhalt bei Hover oder Fokus W3C AA Manuelle Prüfung
2.1.1 Tastatur W3C A Teilweise automatisch: Tastaturnutzer erreichen eingebettete Inhalte nicht, Einige scrollbare Bereiche sind per Tastatur nicht bedienbar, Ein klickbares Bild funktioniert nur mit der Maus
2.1.2 Keine Tastaturfalle W3C A Manuelle Prüfung
2.1.4 Zeichentastenbefehle W3C A Manuelle Prüfung
2.2.1 Zeiteinteilung anpassbar W3C A Teilweise automatisch: Die Seite lädt sich selbst neu oder leitet weiter
2.2.2 Pausieren, beenden, ausblenden W3C A Teilweise automatisch: Die Seite enthält veraltetes Markup für blinkenden Text, Manche Texte laufen durch und lassen sich nicht anhalten
2.3.1 Grenzwert von dreimaligem Blitzen oder weniger W3C A Manuelle Prüfung
2.4.1 Blöcke umgehen W3C A Teilweise automatisch: Es gibt keinen schnellen Sprung zum Hauptinhalt
2.4.2 Seite mit Titel versehen W3C A Teilweise automatisch: Die Seite hat keinen Titel
2.4.3 Fokus-Reihenfolge W3C A Manuelle Prüfung
2.4.4 Linkzweck (im Kontext) W3C A Teilweise automatisch: Klickbare Bildbereiche haben keine Beschreibung, Einige Links sagen nicht, wohin sie führen
2.4.5 Verschiedene Methoden W3C AA Manuelle Prüfung
2.4.6 Überschriften und Beschriftungen (Labels) W3C AA Manuelle Prüfung
2.4.7 Fokus sichtbar W3C AA Manuelle Prüfung
2.4.11 Fokus nicht verdeckt (Minimum) W3C (neu in 2.2) AA Manuelle Prüfung
2.5.1 Zeigergesten W3C A Manuelle Prüfung
2.5.2 Zeigeraufhebung W3C A Manuelle Prüfung
2.5.3 Beschriftung (Label) im Namen W3C A Teilweise automatisch: Der verborgene Name von Schaltflächen weicht vom sichtbaren Text ab
2.5.4 Auslösen durch Bewegung W3C A Manuelle Prüfung
2.5.7 Ziehbewegungen W3C (neu in 2.2) AA Manuelle Prüfung
2.5.8 Zielgröße (Minimum) W3C (neu in 2.2) AA Teilweise automatisch: Buttons und Links sind zu klein zum bequemen Antippen
3.1.1 Sprache der Seite W3C A Teilweise automatisch: Die Seite gibt ihre Sprache nicht an, Die Spracheinstellung der Seite ist fehlerhaft, Die Seite gibt zwei verschiedene Sprachen an
3.1.2 Sprache von Teilen W3C AA Teilweise automatisch: Textteile haben einen falschen Sprachcode
3.2.1 Bei Fokus W3C A Manuelle Prüfung
3.2.2 Bei Eingabe W3C A Manuelle Prüfung
3.2.3 Konsistente Navigation W3C AA Manuelle Prüfung
3.2.4 Konsistente Erkennung W3C AA Manuelle Prüfung
3.2.6 Konsistente Hilfe W3C (neu in 2.2) A Manuelle Prüfung
3.3.1 Fehlererkennung W3C A Manuelle Prüfung
3.3.2 Beschriftungen (Labels) oder Anweisungen W3C A Teilweise automatisch: Manche Formularfelder haben mehrere Beschriftungen
3.3.3 Fehlerempfehlung W3C AA Manuelle Prüfung
3.3.4 Fehlervermeidung (rechtliche, finanzielle, Daten) W3C AA Manuelle Prüfung
3.3.7 Redundante Eingabe W3C (neu in 2.2) A Manuelle Prüfung
3.3.8 Barrierefreie Authentifizierung (Minimum) W3C (neu in 2.2) AA Manuelle Prüfung
4.1.2 Name, Rolle, Wert W3C A Teilweise automatisch: Klickbare Bildbereiche haben keine Beschreibung, Barrierefreiheits-Attribute stehen an den falschen Elementen, Einige Elemente haben eine Braille-Beschriftung, aber keinen normalen Namen, Selbst gebaute Schaltflächen haben keinen Namen und 23 weitere (alle Regeln)
4.1.3 Statusmeldungen W3C AA Manuelle Prüfung

So prüfen Sie eine Website nach WCAG

Beginnen Sie mit einem automatischen Test – unser WCAG-Check prüft eine Seite kostenlos – und testen Sie danach von Hand mit Tastatur, Zoom und Screenreader. Wie beides zusammenpasst: Barrierefreiheit testen nach WCAG.

Schnelle Einstiege: alle A- und AA-Kriterien auf einem Bildschirm in der WCAG-2.2-Kurzreferenz, wiederkehrende Lösungen in den WCAG-Mustern und wie Sie Bilder beschreiben im Leitfaden zu Alternativtexten.

Häufige Fragen

Wofür steht WCAG?

Für Web Content Accessibility Guidelines, also Richtlinien für barrierefreie Webinhalte. Herausgeber ist das World Wide Web Consortium (W3C) mit seiner Web Accessibility Initiative (WAI).

Was ist die aktuelle Version der WCAG?

WCAG 2.2, seit Oktober 2023 eine W3C-Empfehlung. WCAG 3 ist noch ein Arbeitsentwurf, auf den sich Gesetze bisher nicht beziehen.

Sind die WCAG ein Gesetz?

Nein. Die WCAG sind ein technischer Standard, aber Gesetze verweisen auf sie: in der EU über die harmonisierte Norm EN 301 549, in den USA über die Rechtsprechung zum ADA und über Section 508.

Welche WCAG-Stufe ist vorgeschrieben?

Stufe AA in fast allen Gesetzen und Vorgaben. Stufe A ist das Minimum, AAA wird für eine ganze Website nirgends verlangt.

Wie viele Erfolgskriterien hat WCAG 2.2?

86: 31 auf Stufe A, 24 auf Stufe AA und 31 auf Stufe AAA, gegliedert in 13 Richtlinien unter 4 Prinzipien. Stufe AA, auf die sich Gesetze beziehen, umfasst die 55 Kriterien der Stufen A und AA. 4.1.1 Syntaxanalyse bleibt in der Nummerierung als veraltet und entfernt erhalten.

Sind die WCAG eine ISO-Norm?

Ja. Die WCAG werden auch als ISO/IEC 40500 veröffentlicht. Laut W3C ist ISO/IEC 40500:2025 inhaltlich identisch mit der Fassung von WCAG 2.2 vom Oktober 2023, und das W3C erwartet, dass die Fassung vom Dezember 2024 bis Ende 2026 zu ISO/IEC 40500:2026 wird.

Wann wurde WCAG 2.2 veröffentlicht?

WCAG 2.2 wurde am 5. Oktober 2023 zur W3C-Empfehlung. Am 12. Dezember 2024 erschien eine aktualisierte Fassung. Sie ergänzte WCAG 2.1 um 9 Erfolgskriterien und strich 4.1.1 Syntaxanalyse.

Gibt es eine Frist für WCAG 2.2?

Keine allgemeingültige. Die WCAG selbst haben keine Frist; das W3C empfiehlt, die jeweils neueste Version zu nutzen. Fristen ergeben sich aus Gesetzen und den Normen, auf die sie verweisen. In der EU wurde die EN 301 549 V4.1.1, die auf WCAG 2.2 AA beruht, am 2. September 2026 veröffentlicht; bis sie im Amtsblatt zitiert wird, bleibt die zitierte Fassung V3.2.1, die auf WCAG 2.1 beruht.

Quellen

  • W3C WAI, WCAG 2 Overview (versions and ISO/IEC 40500): https://www.w3.org/WAI/standards-guidelines/wcag/
  • W3C, Web Content Accessibility Guidelines (WCAG) 2.2: https://www.w3.org/TR/WCAG22/
  • W3C, What's new in WCAG 2.2: https://www.w3.org/WAI/standards-guidelines/wcag/new-in-22/
  • National Disability Authority (Ireland), EN 301 549 V4.1.1 published: https://nda.ie/news/en301549-published