Zum Inhalt springen
Barrierefrei²

WCAG 2.2

WCAG-Guide

Alle 87 Erfolgskriterien der Web Content Accessibility Guidelines 2.2 – verständlich erklärt, mit Praxistipps und dem Originalwortlaut des W3C.

  • 31 × Level A
  • 24 × Level AA
  • 31 × Level AAA

Die WCAG gliedern sich in vier Prinzipien: wahrnehmbar, bedienbar, verständlich und robust. Darunter liegen Richtlinien und schließlich die prüfbaren Erfolgskriterien. Jedes Kriterium hat eine Konformitätsstufe: A ist die Grundanforderung, AA der übliche Maßstab und AAA die höchste Stufe.

Für das Barrierefreiheitsstärkungsgesetz (BFSG) und die BITV 2.0 zählt in der Praxis Level AA – über die Norm EN 301 549, die auf die WCAG 2.1 verweist. Die Kriterien, die mit WCAG 2.2 neu dazugekommen sind, lohnen sich trotzdem: Sie machen dein Angebot zukunftssicher.

Filtere die Liste nach Prinzip oder Stufe oder springe direkt zu einem Kriterium.

Wahrnehmbar

1.1.1 Level A

Nicht-Text-Inhalt

Wenn Bilder Worte brauchen.

 1.2.1 Level A

Nur Audio und nur Video (aufgezeichnet)

Wenn Podcasts und stumme Videos eine zweite Form brauchen.

 1.2.2 Level A

Untertitel (aufgezeichnet)

Wenn Videos auch ohne Ton verständlich sein müssen.

 1.2.3 Level A

Audiodeskription oder Medienalternative (aufgezeichnet)

Wenn Videos eine zweite Erzählspur brauchen.

 1.2.4 Level AA

Untertitel (Live)

Wenn Echtzeit für alle verständlich sein muss.

 1.2.5 Level AA

Audiodeskription (aufgezeichnet)

Wenn Bilder nicht für sich sprechen können.

 1.2.6 Level AAA

Gebärdensprache (aufgezeichnet)

Wenn Hände sprechen und Gesichter erzählen.

 1.2.7 Level AAA

Erweiterte Audiodeskription (aufgezeichnet)

Wenn normale Beschreibungen nicht reichen.

 1.2.8 Level AAA

Medienalternative (aufgezeichnet)

Wenn Text das komplette Medienerlebnis werden muss.

 1.2.9 Level AAA

Nur Audio (Live)

Wenn das Mikro angeht, müssen auch die Worte fließen.

 1.3.1 Level A

Info und Beziehungen

Wenn der Code erzählt, was das Auge sieht.

 1.3.2 Level A

Bedeutungstragende Reihenfolge

Wenn die Reihenfolge Sinn ergeben muss.

 1.3.3 Level A

Sensorische Merkmale

Wenn Worte mehr sagen als Formen.

 1.3.4 Level AA

Ausrichtung

Warum dein Inhalt flexibel bleiben muss.

 1.3.5 Level AA

Eingabezweck bestimmen

Wenn Formulare mitdenken.

 1.3.6 Level AAA

Zweck bestimmen

Wenn das Interface zur persönlichen Assistenz wird.

 1.4.1 Level A

Verwendung von Farbe

Wenn Rot und Grün nicht reichen.

 1.4.2 Level A

Audio-Steuerelement

Wenn Autoplay zum Störfaktor wird.

 1.4.3 Level AA

Kontrast (Minimum)

Wenn Text und Hintergrund Freunde werden.

 1.4.4 Level AA

Textgröße ändern

Wenn Klein zu klein ist.

 1.4.5 Level AA

Textbilder

Warum echte Worte besser sind als Bilder mit Text.

 1.4.6 Level AAA

Kontrast (erhöht)

Wenn guter Kontrast nicht reicht.

 1.4.7 Level AAA

Leise oder keine Hintergrundgeräusche

Wenn Worte im Rauschen untergehen.

 1.4.8 Level AAA

Visuelle Darstellung

Wenn Text endlich flexibel wird.

 1.4.9 Level AAA

Textbilder (keine Ausnahme)

Wenn Gestaltung über Barrierefreiheit siegt.

 1.4.10 Level AA

Umbruch (Reflow)

Wenn der Inhalt mitfließt statt wegbricht.

 1.4.11 Level AA

Nicht-Text-Kontrast

Wenn auch Grafiken sprechen müssen.

 1.4.12 Level AA

Textabstand

Wenn Worte Luft zum Atmen brauchen.

 1.4.13 Level AA

Inhalte bei Hover oder Fokus

Wenn Inhalte schweben lernen.

Bedienbar

2.1.1 Level A

Tastatur

Wenn jeder Klick auch ein Tastendruck sein kann.

 2.1.2 Level A

Keine Tastaturfalle

Wenn der Ausgang fehlt.

 2.1.3 Level AAA

Tastatur (keine Ausnahme)

Wenn wirklich alles per Tastatur gehen muss.

 2.1.4 Level A

Tastaturkürzel

Wenn einzelne Tasten zum Problem werden.

 2.2.1 Level A

Zeitbegrenzungen anpassbar

Wenn Zeit zum Luxus wird.

 2.2.2 Level A

Pausieren, Beenden, Ausblenden

Wenn Bewegung zur Ablenkung wird.

 2.2.3 Level AAA

Keine Zeitbegrenzung

Wenn Zeit keine Rolle spielt.

 2.2.4 Level AAA

Unterbrechungen

Wenn das Internet Ruhe geben muss.

 2.2.5 Level AAA

Erneute Authentifizierung

Wenn Zeit abläuft, muss der Fortschritt bleiben.

 2.2.6 Level AAA

Zeitüberschreitungen

Wenn Zeit zum Feind wird.

 2.3.1 Level A

Dreimaliges Blitzen oder unter dem Grenzwert

Wenn Licht gefährlich wird.

 2.3.2 Level AAA

Dreimaliges Blitzen

Wenn null Toleranz für Blitze herrscht.

 2.3.3 Level AAA

Animation durch Interaktionen

Wenn Bewegung krank macht.

 2.4.1 Level A

Blöcke umgehen

Wenn Navigation zur Odyssee wird.

 2.4.2 Level A

Seitentitel

Wenn Seitentitel endlich Sinn ergeben.

 2.4.3 Level A

Fokusreihenfolge

Wenn Tastaturnavigation Sinn ergeben soll.

 2.4.4 Level A

Linkzweck (im Kontext)

Wenn jeder Link weiß, wohin er führt.

 2.4.5 Level AA

Mehrere Wege

Wenn alle Straßen nach Rom führen.

 2.4.6 Level AA

Überschriften und Beschriftungen

Orientierung durch klare Beschreibungen.

 2.4.7 Level AA

Fokus sichtbar

Wenn der Fokus auf Wanderschaft geht.

 2.4.8 Level AAA

Ort

Damit niemand die Orientierung verliert.

 2.4.9 Level AAA

Linkzweck (nur Link)

Wenn Links für sich sprechen müssen.

 2.4.10 Level AAA

Abschnittsüberschriften

Wenn Struktur sichtbar wird.

 2.4.11 Level AA

Fokus nicht verdeckt (Minimum)

Wenn der Fokus nicht verschwindet.

 2.4.12 Level AAA

Fokus nicht verdeckt (erweitert)

Wenn der Fokus im Verborgenen liegt.

 2.4.13 Level AAA

Fokusdarstellung

Wenn der Fokus sichtbar werden muss.

 2.5.1 Level A

Zeigergesten

Ein Finger reicht – komplexe Gesten sind kein Muss.

 2.5.2 Level A

Zeigereingabe-Abbruch

Wenn versehentliche Klicks wieder rückgängig werden.

 2.5.3 Level A

Beschriftung im Namen

Wenn Sehen und Sagen zusammenkommen.

 2.5.4 Level A

Bewegungsaktivierung

Wenn Schütteln nicht für alle funktioniert.

 2.5.5 Level AAA

Zielgröße (erweitert)

Wenn jeder Klick treffen muss.

 2.5.6 Level AAA

Gleichzeitige Eingabemechanismen

Flexibilität bei der Eingabe.

 2.5.7 Level AA

Ziehbewegungen

Wenn Ziehen zur Hürde wird.

 2.5.8 Level AA

Zielgröße (Minimum)

Wenn kleine Buttons zum großen Problem werden.

Verständlich

3.1.1 Level A

Sprache der Seite

Damit Screenreader die richtige Stimme finden.

 3.1.2 Level AA

Sprache von Teilen

Wenn Websites polyglott werden.

 3.1.3 Level AAA

Ungewöhnliche Wörter

Wenn Fachsprache Barrieren schafft.

 3.1.4 Level AAA

Abkürzungen

Wenn Kürzel Klarheit brauchen.

 3.1.5 Level AAA

Leseniveau

Wenn Texte zu komplex werden, braucht es Alternativen.

 3.1.6 Level AAA

Aussprache

Wenn Worte mehrere Gesichter haben.

 3.2.1 Level A

Bei Fokus

Wenn der Fokus zu früh zum Sprung ansetzt.

 3.2.2 Level A

Bei Eingabe

Wenn Formulare unvorhersehbar werden.

 3.2.3 Level AA

Konsistente Navigation

Wie du Ordnung ins digitale Chaos bringst.

 3.2.4 Level AA

Konsistente Erkennung

Wenn gleiche Funktion, dann gleicher Name.

 3.2.5 Level AAA

Änderung auf Anfrage

Wenn Websites nur auf dein Kommando reagieren.

 3.2.6 Level A

Konsistente Hilfe

Wenn Support zum verlässlichen Begleiter wird.

 3.3.1 Level A

Fehlererkennung

Wenn das Formular sagt, was schiefgelaufen ist.

 3.3.2 Level A

Beschriftungen oder Anweisungen

Wenn Formulare sprechen lernen.

 3.3.3 Level AA

Fehlerempfehlung

Wenn „Ungültig“ nicht genug ist.

 3.3.4 Level AA

Fehlervermeidung (rechtlich, finanziell, Daten)

Wenn Fehler teuer werden können.

 3.3.5 Level AAA

Hilfe

Wenn dich niemand allein lässt.

 3.3.6 Level AAA

Fehlervermeidung (alle)

Ein Sicherheitsnetz für jedes Formular.

 3.3.7 Level A

Redundante Eingaben

Nicht doppelt gemoppelt – Formulare, die mitdenken.

 3.3.8 Level AA

Barrierefreie Authentifizierung (Minimum)

Wenn Anmelden nicht zur Gedächtnisübung wird.

 3.3.9 Level AAA

Barrierefreie Authentifizierung (erweitert)

Wenn Login zum Kinderspiel wird.