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
Textalternativen
Wenn Bilder Worte brauchen.
Audio-only und Video-only (aufgezeichnet)
Wenn Podcasts und stumme Videos eine zweite Form brauchen.
Untertitel (aufgezeichnet)
Wenn Videos auch ohne Ton verständlich sein müssen.
Audiodeskription oder Textalternative
Wenn Videos eine zweite Erzählspur brauchen.
Live-Untertitel
Wenn Echtzeit für alle verständlich sein muss.
Audiodeskription bei Videos
Wenn Bilder nicht für sich sprechen können.
Gebärdensprache
Wenn Hände sprechen und Gesichter erzählen.
Erweiterte Audiodeskription
Wenn normale Beschreibungen nicht reichen.
Medienalternative
Wenn Text das komplette Medienerlebnis werden muss.
Audio-only (Live)
Wenn das Mikro angeht, müssen auch die Worte fließen.
Info und Beziehungen
Wenn der Code erzählt, was das Auge sieht.
Meaningful Sequence
Wenn die Reihenfolge Sinn macht.
Sensorische Merkmale
Wenn Worte mehr sagen als Formen.
Orientation
Warum dein Content flexibel bleiben muss.
Identify Input Purpose
Wenn Formulare mitdenken.
Identify Purpose
Wenn das Interface zur persönlichen Assistenz wird.
Verwendung von Farbe
Wenn Rot und Grün nicht reichen.
Audio Control
Wenn Autoplay zum Störfaktor wird.
Kontrast (Minimum)
Wenn Text und Hintergrund Freunde werden.
Text vergrößern
Wenn Klein zu klein ist.
Textbilder
Warum echte Worte besser sind als Bilder mit Text.
Kontrast (Verstärkt)
Wenn guter Kontrast nicht reicht.
Niedriger oder kein Hintergrundton
Wenn Worte im Rauschen untergehen.
Visuelle Darstellung
Wenn Text endlich flexibel wird.
Textbilder
Wenn Gestaltung über Barrierefreiheit siegt.
Reflow
Wenn der Inhalt mitfließt statt wegbricht.
Non-Text-Kontrast
Wenn auch Grafiken sprechen müssen.
Text Spacing
Wenn Worte Luft zum Atmen brauchen.
Content on Hover or Focus
Wenn Inhalte schweben lernen.
Bedienbar
Tastatur
Wenn jeder Klick auch ein Tastendruck sein kann.
No Keyboard Trap
Wenn der Exit fehlt.
Tastatur (Keine Ausnahme)
Wenn der Code perfekt sein muss.
Character Key Shortcuts
Wenn einzelne Tasten zum Problem werden.
Timing Adjustable
Wenn Zeit zum Luxus wird.
Pause, Stop, Hide
Wenn Bewegung zur Ablenkung wird.
No Timing
Wenn Zeit keine Rolle spielt.
Unterbrechungen
Wenn das Internet Ruhe geben muss.
Re-authenticating
Wenn Zeit abläuft, muss der Fortschritt bleiben.
Timeouts
Wenn Zeit zum Feind wird.
Drei Blitze oder unter der Schwelle
Wenn Licht gefährlich wird.
Drei Blitze
Wenn null Toleranz für flackernde Inhalte herrscht.
Animation durch Interaktionen
Wenn Bewegung krank macht.
Bypass Blocks
Wenn Navigation zur Odyssee wird.
Page Titled
Wenn deine Website-Titel endlich Sinn machen.
Fokus-Reihenfolge
Wenn Tastatur-Navigation Sinn ergeben soll.
Link-Zweck (im Kontext)
Wenn jeder Link weiß, wohin er führt.
Mehrere Wege
Wenn alle Straßen nach Rom führen.
Überschriften und Labels
Orientierung durch klare Beschreibungen.
Fokus sichtbar
Wenn der Cursor auf Wanderschaft geht.
Location
Damit niemand die Orientierung verliert.
Link Purpose (Link Only)
Wenn Links für sich sprechen müssen.
Bereichs-Überschriften
Wenn Struktur sichtbar wird.
Focus Not Obscured (Minimum)
Wenn der Fokus nicht verschwindet.
Focus Not Obscured (Enhanced)
Wenn der Fokus im Verborgenen liegt.
Fokuserscheinung
Wenn der Fokus sichtbar werden muss.
Zeigergesten
Ein Finger reicht – komplexe Gesten sind kein Muss.
Zeigereingabe-Abbruch
Wenn versehentliche Klicks wieder rückgängig werden.
Label in Name
Wenn Sehen und Sagen zusammenkommen.
Bewegungsaktivierung
Wenn Schütteln nicht für alle funktioniert.
Target Size (Enhanced)
Wenn jeder Klick treffen muss.
Concurrent Input Mechanisms
Flexibilität bei der Eingabe.
Dragging Movements
Wenn Ziehen zur Hürde wird.
Target Size (Minimum)
Wenn kleine Buttons zum großen Problem werden.
Verständlich
Sprache der Seite
Damit Screenreader die richtige Stimme finden.
Sprache von Teilen
Wenn Websites polyglott werden.
Ungewöhnliche Wörter
Wenn Fachsprache Barrieren schafft.
Abkürzungen
Wenn Kürzel Klarheit brauchen.
Reading Level
Wenn Texte zu komplex werden, braucht es einfache Alternativen.
Aussprache
Wenn Worte mehrere Gesichter haben.
Bei Fokussierung
Wenn der Fokus zu früh zum Sprung ansetzt.
Bei Eingabe
Wenn Formulare unvorhersehbar werden.
Konsistente Navigation
Wie du Ordnung ins digitale Chaos bringst.
Konsistente Bezeichnung
Wenn gleiche Funktion, dann gleicher Name.
Änderung auf Anfrage
Wenn Websites nur auf dein Kommando reagieren.
Konsistente Hilfe
Wenn Support zum vertrauensvollen Begleiter wird.
Fehlererkennung
Wenn das Formular spricht, was schiefgelaufen ist.
Labels or Instructions
Wenn Formulare sprechen lernen.
Fehlervorschläge
Wenn "Ungültig" nicht genug ist.
Error Prevention
Wenn Fehler teuer werden können.
Help
Kontextsensitive Hilfe - Wenn Nutzer nicht allein gelassen werden.
Fehlervermeidung (Alle)
Wenn Sicherheitsnetze Leben retten.
Redundant Entry
Nicht doppelt gemoppelt - Formulare, die mitdenken.
Accessible Authentication (Minimum)
Wenn Anmelden nicht zur Gedächtnisübung wird.
Zugängliche Authentifizierung (Enhanced)
Wenn Login zum Kinderspiel wird.