Zum Inhalt springen
Dennis Wagner

WCAG-Guide

Alle Erfolgskriterien der Web Content Accessibility Guidelines – verständlich erklärt.

Die WCAG gliedern sich in vier Prinzipien: Wahrnehmbar, Bedienbar, Verständlich und Robust. Jedes Erfolgskriterium hat eine Konformitätsstufe von A (Grundanforderung) bis AAA (höchste Stufe). Hier findest du alle Kriterien im Überblick – filterbar nach Stufe und Prinzip.

Wahrnehmbar

1.1.1 Level A

Textalternativen

Wenn Bilder Worte brauchen.

 1.2.1 Level A

Audio-only und Video-only (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 Textalternative

Wenn Videos eine zweite Erzählspur brauchen.

 1.2.4 Level AA

Live-Untertitel

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

 1.2.5 Level AA

Audiodeskription bei Videos

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

 1.2.6 Level AAA

Gebärdensprache

Wenn Hände sprechen und Gesichter erzählen.

 1.2.7 Level AAA

Erweiterte Audiodeskription

Wenn normale Beschreibungen nicht reichen.

 1.2.8 Level AAA

Medienalternative

Wenn Text das komplette Medienerlebnis werden muss.

 1.2.9 Level AAA

Audio-only (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

Meaningful Sequence

Wenn die Reihenfolge Sinn macht.

 1.3.3 Level A

Sensorische Merkmale

Wenn Worte mehr sagen als Formen.

 1.3.4 Level AA

Orientation

Warum dein Content flexibel bleiben muss.

 1.3.5 Level AA

Identify Input Purpose

Wenn Formulare mitdenken.

 1.3.6 Level AAA

Identify Purpose

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 Control

Wenn Autoplay zum Störfaktor wird.

 1.4.3 Level AA

Kontrast (Minimum)

Wenn Text und Hintergrund Freunde werden.

 1.4.4 Level AA

Text vergrößern

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 (Verstärkt)

Wenn guter Kontrast nicht reicht.

 1.4.7 Level AAA

Niedriger oder kein Hintergrundton

Wenn Worte im Rauschen untergehen.

 1.4.8 Level AAA

Visuelle Darstellung

Wenn Text endlich flexibel wird.

 1.4.9 Level AAA

Textbilder

Wenn Gestaltung über Barrierefreiheit siegt.

 1.4.10 Level AA

Reflow

Wenn der Inhalt mitfließt statt wegbricht.

 1.4.11 Level AA

Non-Text-Kontrast

Wenn auch Grafiken sprechen müssen.

 1.4.12 Level AA

Text Spacing

Wenn Worte Luft zum Atmen brauchen.

 1.4.13 Level AA

Content on Hover or Focus

Wenn Inhalte schweben lernen.

Bedienbar

2.1.1 Level A

Tastatur

Wenn jeder Klick auch ein Tastendruck sein kann.

 2.1.2 Level A

No Keyboard Trap

Wenn der Exit fehlt.

 2.1.3 Level AAA

Tastatur (Keine Ausnahme)

Wenn der Code perfekt sein muss.

 2.1.4 Level A

Character Key Shortcuts

Wenn einzelne Tasten zum Problem werden.

 2.2.1 Level A

Timing Adjustable

Wenn Zeit zum Luxus wird.

 2.2.2 Level A

Pause, Stop, Hide

Wenn Bewegung zur Ablenkung wird.

 2.2.3 Level AAA

No Timing

Wenn Zeit keine Rolle spielt.

 2.2.4 Level AAA

Unterbrechungen

Wenn das Internet Ruhe geben muss.

 2.2.5 Level AAA

Re-authenticating

Wenn Zeit abläuft, muss der Fortschritt bleiben.

 2.2.6 Level AAA

Timeouts

Wenn Zeit zum Feind wird.

 2.3.1 Level A

Drei Blitze oder unter der Schwelle

Wenn Licht gefährlich wird.

 2.3.2 Level AAA

Drei Blitze

Wenn null Toleranz für flackernde Inhalte herrscht.

 2.3.3 Level AAA

Animation durch Interaktionen

Wenn Bewegung krank macht.

 2.4.1 Level A

Bypass Blocks

Wenn Navigation zur Odyssee wird.

 2.4.2 Level A

Page Titled

Wenn deine Website-Titel endlich Sinn machen.

 2.4.3 Level A

Fokus-Reihenfolge

Wenn Tastatur-Navigation Sinn ergeben soll.

 2.4.4 Level A

Link-Zweck (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 Labels

Orientierung durch klare Beschreibungen.

 2.4.7 Level AA

Fokus sichtbar

Wenn der Cursor auf Wanderschaft geht.

 2.4.8 Level AAA

Location

Damit niemand die Orientierung verliert.

 2.4.9 Level AAA

Link Purpose (Link Only)

Wenn Links für sich sprechen müssen.

 2.4.10 Level AAA

Bereichs-Überschriften

Wenn Struktur sichtbar wird.

 2.4.11 Level AA

Focus Not Obscured (Minimum)

Wenn der Fokus nicht verschwindet.

 2.4.12 Level AAA

Focus Not Obscured (Enhanced)

Wenn der Fokus im Verborgenen liegt.

 2.4.13 Level AAA

Fokuserscheinung

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

Label in Name

Wenn Sehen und Sagen zusammenkommen.

 2.5.4 Level A

Bewegungsaktivierung

Wenn Schütteln nicht für alle funktioniert.

 2.5.5 Level AAA

Target Size (Enhanced)

Wenn jeder Klick treffen muss.

 2.5.6 Level AAA

Concurrent Input Mechanisms

Flexibilität bei der Eingabe.

 2.5.7 Level AA

Dragging Movements

Wenn Ziehen zur Hürde wird.

 2.5.8 Level AA

Target Size (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

Reading Level

Wenn Texte zu komplex werden, braucht es einfache Alternativen.

 3.1.6 Level AAA

Aussprache

Wenn Worte mehrere Gesichter haben.

 3.2.1 Level A

Bei Fokussierung

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 Bezeichnung

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 vertrauensvollen Begleiter wird.

 3.3.1 Level A

Fehlererkennung

Wenn das Formular spricht, was schiefgelaufen ist.

 3.3.2 Level A

Labels or Instructions

Wenn Formulare sprechen lernen.

 3.3.3 Level AA

Fehlervorschläge

Wenn "Ungültig" nicht genug ist.

 3.3.4 Level AA

Error Prevention

Wenn Fehler teuer werden können.

 3.3.5 Level AAA

Help

Kontextsensitive Hilfe - Wenn Nutzer nicht allein gelassen werden.

 3.3.6 Level AAA

Fehlervermeidung (Alle)

Wenn Sicherheitsnetze Leben retten.

 3.3.7 Level A

Redundant Entry

Nicht doppelt gemoppelt - Formulare, die mitdenken.

 3.3.8 Level AA

Accessible Authentication (Minimum)

Wenn Anmelden nicht zur Gedächtnisübung wird.

 3.3.9 Level AAA

Zugängliche Authentifizierung (Enhanced)

Wenn Login zum Kinderspiel wird.