--- title: "WCAG-Guide" url: "https://denniswagner.de/wcag" language: "de" description: "Alle Erfolgskriterien der Web Content Accessibility Guidelines (WCAG) verständlich erklärt – gruppiert nach Prinzip, filterbar nach Konformitätsstufe." published: "2026-10-06T15:44:00+02:00" updated: "2026-10-06T15:48:20+02:00" --- # WCAG-Guide Alle Erfolgskriterien der Web Content Accessibility Guidelines (WCAG) verständlich erklärt – gruppiert nach Prinzip, filterbar nach Konformitätsstufe. # 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. Keine Einträge für diese Auswahl. ## Wahrnehmbar [ 1.1.1 Level A ### Textalternativen Wenn Bilder Worte brauchen. ](https://denniswagner.de/wcag/1-1-1-textalternativen) [ 1.2.1 Level A ### Audio-only und Video-only (aufgezeichnet) Wenn Podcasts und stumme Videos eine zweite Form brauchen. ](https://denniswagner.de/wcag/1-2-1-audio-only-video-only) [ 1.2.2 Level A ### Untertitel (aufgezeichnet) Wenn Videos auch ohne Ton verständlich sein müssen. ](https://denniswagner.de/wcag/1-2-2-untertitel-aufgezeichnet) [ 1.2.3 Level A ### Audiodeskription oder Textalternative Wenn Videos eine zweite Erzählspur brauchen. ](https://denniswagner.de/wcag/1-2-3-audiodeskription-oder-textalternative) [ 1.2.4 Level AA ### Live-Untertitel Wenn Echtzeit für alle verständlich sein muss. ](https://denniswagner.de/wcag/1-2-4-live-untertitel) [ 1.2.5 Level AA ### Audiodeskription bei Videos Wenn Bilder nicht für sich sprechen können. ](https://denniswagner.de/wcag/1-2-5-audiodeskription-bei-videos) [ 1.2.6 Level AAA ### Gebärdensprache Wenn Hände sprechen und Gesichter erzählen. ](https://denniswagner.de/wcag/1-2-6-gebaerdensprache) [ 1.2.7 Level AAA ### Erweiterte Audiodeskription Wenn normale Beschreibungen nicht reichen. ](https://denniswagner.de/wcag/1-2-7-erweiterte-audiodeskription) [ 1.2.8 Level AAA ### Medienalternative Wenn Text das komplette Medienerlebnis werden muss. ](https://denniswagner.de/wcag/1-2-8-medienalternative) [ 1.2.9 Level AAA ### Audio-only (Live) Wenn das Mikro angeht, müssen auch die Worte fließen. ](https://denniswagner.de/wcag/1-2-9-audio-only-live) [ 1.3.1 Level A ### Info und Beziehungen Wenn der Code erzählt, was das Auge sieht. ](https://denniswagner.de/wcag/1-3-1-info-und-beziehungen) [ 1.3.2 Level A ### Meaningful Sequence Wenn die Reihenfolge Sinn macht. ](https://denniswagner.de/wcag/1-3-2-meaningful-sequence) [ 1.3.3 Level A ### Sensorische Merkmale Wenn Worte mehr sagen als Formen. ](https://denniswagner.de/wcag/1-3-3-sensorische-merkmale) [ 1.3.4 Level AA ### Orientation Warum dein Content flexibel bleiben muss. ](https://denniswagner.de/wcag/1-3-4-orientation) [ 1.3.5 Level AA ### Identify Input Purpose Wenn Formulare mitdenken. ](https://denniswagner.de/wcag/1-3-5-identify-input-purpose) [ 1.3.6 Level AAA ### Identify Purpose Wenn das Interface zur persönlichen Assistenz wird. ](https://denniswagner.de/wcag/1-3-6-identify-purpose) [ 1.4.1 Level A ### Verwendung von Farbe Wenn Rot und Grün nicht reichen. ](https://denniswagner.de/wcag/1-4-1-verwendung-von-farbe) [ 1.4.2 Level A ### Audio Control Wenn Autoplay zum Störfaktor wird. ](https://denniswagner.de/wcag/1-4-2-audio-control) [ 1.4.3 Level AA ### Kontrast (Minimum) Wenn Text und Hintergrund Freunde werden. ](https://denniswagner.de/wcag/1-4-3-kontrast-minimum) [ 1.4.4 Level AA ### Text vergrößern Wenn Klein zu klein ist. ](https://denniswagner.de/wcag/1-4-4-text-vergroessern) [ 1.4.5 Level AA ### Textbilder Warum echte Worte besser sind als Bilder mit Text. ](https://denniswagner.de/wcag/1-4-5-textbilder) [ 1.4.6 Level AAA ### Kontrast (Verstärkt) Wenn guter Kontrast nicht reicht. ](https://denniswagner.de/wcag/1-4-6-kontrast-verstaerkt) [ 1.4.7 Level AAA ### Niedriger oder kein Hintergrundton Wenn Worte im Rauschen untergehen. ](https://denniswagner.de/wcag/1-4-7-niedriger-oder-kein-hintergrundton) [ 1.4.8 Level AAA ### Visuelle Darstellung Wenn Text endlich flexibel wird. ](https://denniswagner.de/wcag/1-4-8-visuelle-darstellung) [ 1.4.9 Level AAA ### Textbilder Wenn Gestaltung über Barrierefreiheit siegt. ](https://denniswagner.de/wcag/1-4-9-textbilder) [ 1.4.10 Level AA ### Reflow Wenn der Inhalt mitfließt statt wegbricht. ](https://denniswagner.de/wcag/1-4-10-reflow) [ 1.4.11 Level AA ### Non-Text-Kontrast Wenn auch Grafiken sprechen müssen. ](https://denniswagner.de/wcag/1-4-11-non-text-kontrast) [ 1.4.12 Level AA ### Text Spacing Wenn Worte Luft zum Atmen brauchen. ](https://denniswagner.de/wcag/1-4-12-text-spacing) [ 1.4.13 Level AA ### Content on Hover or Focus Wenn Inhalte schweben lernen. ](https://denniswagner.de/wcag/1-4-13-content-on-hover-or-focus) ## Bedienbar [ 2.1.1 Level A ### Tastatur Wenn jeder Klick auch ein Tastendruck sein kann. ](https://denniswagner.de/wcag/2-1-1-tastatur) [ 2.1.2 Level A ### No Keyboard Trap Wenn der Exit fehlt. ](https://denniswagner.de/wcag/2-1-2-no-keyboard-trap) [ 2.1.3 Level AAA ### Tastatur (Keine Ausnahme) Wenn der Code perfekt sein muss. ](https://denniswagner.de/wcag/2-1-3-tastatur-keine-ausnahme) [ 2.1.4 Level A ### Character Key Shortcuts Wenn einzelne Tasten zum Problem werden. ](https://denniswagner.de/wcag/2-1-4-character-key-shortcuts) [ 2.2.1 Level A ### Timing Adjustable Wenn Zeit zum Luxus wird. ](https://denniswagner.de/wcag/2-2-1-timing-adjustable) [ 2.2.2 Level A ### Pause, Stop, Hide Wenn Bewegung zur Ablenkung wird. ](https://denniswagner.de/wcag/2-2-2-pause-stop-hide) [ 2.2.3 Level AAA ### No Timing Wenn Zeit keine Rolle spielt. ](https://denniswagner.de/wcag/2-2-3-no-timing) [ 2.2.4 Level AAA ### Unterbrechungen Wenn das Internet Ruhe geben muss. ](https://denniswagner.de/wcag/2-2-4-unterbrechungen) [ 2.2.5 Level AAA ### Re-authenticating Wenn Zeit abläuft, muss der Fortschritt bleiben. ](https://denniswagner.de/wcag/2-2-5-re-authenticating) [ 2.2.6 Level AAA ### Timeouts Wenn Zeit zum Feind wird. ](https://denniswagner.de/wcag/2-2-6-timeouts) [ 2.3.1 Level A ### Drei Blitze oder unter der Schwelle Wenn Licht gefährlich wird. ](https://denniswagner.de/wcag/2-3-1-drei-blitze-oder-unter-der-schwelle) [ 2.3.2 Level AAA ### Drei Blitze Wenn null Toleranz für flackernde Inhalte herrscht. ](https://denniswagner.de/wcag/2-3-2-drei-blitze) [ 2.3.3 Level AAA ### Animation durch Interaktionen Wenn Bewegung krank macht. ](https://denniswagner.de/wcag/2-3-3-animation-durch-interaktionen) [ 2.4.1 Level A ### Bypass Blocks Wenn Navigation zur Odyssee wird. ](https://denniswagner.de/wcag/2-4-1-bypass-blocks) [ 2.4.2 Level A ### Page Titled Wenn deine Website-Titel endlich Sinn machen. ](https://denniswagner.de/wcag/2-4-2-page-titled) [ 2.4.3 Level A ### Fokus-Reihenfolge Wenn Tastatur-Navigation Sinn ergeben soll. ](https://denniswagner.de/wcag/2-4-3-fokus-reihenfolge) [ 2.4.4 Level A ### Link-Zweck (im Kontext) Wenn jeder Link weiß, wohin er führt. ](https://denniswagner.de/wcag/2-4-4-link-zweck-im-kontext) [ 2.4.5 Level AA ### Mehrere Wege Wenn alle Straßen nach Rom führen. ](https://denniswagner.de/wcag/2-4-5-mehrere-wege) [ 2.4.6 Level AA ### Überschriften und Labels Orientierung durch klare Beschreibungen. ](https://denniswagner.de/wcag/2-4-6-ueberschriften-und-labels) [ 2.4.7 Level AA ### Fokus sichtbar Wenn der Cursor auf Wanderschaft geht. ](https://denniswagner.de/wcag/2-4-7-fokus-sichtbar) [ 2.4.8 Level AAA ### Location Damit niemand die Orientierung verliert. ](https://denniswagner.de/wcag/2-4-8-location) [ 2.4.9 Level AAA ### Link Purpose (Link Only) Wenn Links für sich sprechen müssen. ](https://denniswagner.de/wcag/2-4-9-link-purpose-link-only) [ 2.4.10 Level AAA ### Bereichs-Überschriften Wenn Struktur sichtbar wird. ](https://denniswagner.de/wcag/2-4-10-bereichs-ueberschriften) [ 2.4.11 Level AA ### Focus Not Obscured (Minimum) Wenn der Fokus nicht verschwindet. ](https://denniswagner.de/wcag/2-4-11-focus-not-obscured-minimum) [ 2.4.12 Level AAA ### Focus Not Obscured (Enhanced) Wenn der Fokus im Verborgenen liegt. ](https://denniswagner.de/wcag/2-4-12-focus-not-obscured-enhanced) [ 2.4.13 Level AAA ### Fokuserscheinung Wenn der Fokus sichtbar werden muss. ](https://denniswagner.de/wcag/2-4-13-fokuserscheinung) [ 2.5.1 Level A ### Zeigergesten Ein Finger reicht – komplexe Gesten sind kein Muss. ](https://denniswagner.de/wcag/2-5-1-zeigergesten) [ 2.5.2 Level A ### Zeigereingabe-Abbruch Wenn versehentliche Klicks wieder rückgängig werden. ](https://denniswagner.de/wcag/2-5-2-zeigereingabe-abbruch) [ 2.5.3 Level A ### Label in Name Wenn Sehen und Sagen zusammenkommen. ](https://denniswagner.de/wcag/2-5-3-label-in-name) [ 2.5.4 Level A ### Bewegungsaktivierung Wenn Schütteln nicht für alle funktioniert. ](https://denniswagner.de/wcag/2-5-4-bewegungsaktivierung) [ 2.5.5 Level AAA ### Target Size (Enhanced) Wenn jeder Klick treffen muss. ](https://denniswagner.de/wcag/2-5-5-target-size-enhanced) [ 2.5.6 Level AAA ### Concurrent Input Mechanisms Flexibilität bei der Eingabe. ](https://denniswagner.de/wcag/2-5-6-concurrent-input-mechanisms) [ 2.5.7 Level AA ### Dragging Movements Wenn Ziehen zur Hürde wird. ](https://denniswagner.de/wcag/2-5-7-dragging-movements) [ 2.5.8 Level AA ### Target Size (Minimum) Wenn kleine Buttons zum großen Problem werden. ](https://denniswagner.de/wcag/2-5-8-target-size-minimum) ## Verständlich [ 3.1.1 Level A ### Sprache der Seite Damit Screenreader die richtige Stimme finden. ](https://denniswagner.de/wcag/3-1-1-sprache-der-seite) [ 3.1.2 Level AA ### Sprache von Teilen Wenn Websites polyglott werden. ](https://denniswagner.de/wcag/3-1-2-sprache-von-teilen) [ 3.1.3 Level AAA ### Ungewöhnliche Wörter Wenn Fachsprache Barrieren schafft. ](https://denniswagner.de/wcag/3-1-3-ungewoehnliche-woerter) [ 3.1.4 Level AAA ### Abkürzungen Wenn Kürzel Klarheit brauchen. ](https://denniswagner.de/wcag/3-1-4-abkuerzungen) [ 3.1.5 Level AAA ### Reading Level Wenn Texte zu komplex werden, braucht es einfache Alternativen. ](https://denniswagner.de/wcag/3-1-5-reading-level) [ 3.1.6 Level AAA ### Aussprache Wenn Worte mehrere Gesichter haben. ](https://denniswagner.de/wcag/3-1-6-aussprache) [ 3.2.1 Level A ### Bei Fokussierung Wenn der Fokus zu früh zum Sprung ansetzt. ](https://denniswagner.de/wcag/3-2-1-bei-fokussierung) [ 3.2.2 Level A ### Bei Eingabe Wenn Formulare unvorhersehbar werden. ](https://denniswagner.de/wcag/3-2-2-bei-eingabe) [ 3.2.3 Level AA ### Konsistente Navigation Wie du Ordnung ins digitale Chaos bringst. ](https://denniswagner.de/wcag/3-2-3-konsistente-navigation) [ 3.2.4 Level AA ### Konsistente Bezeichnung Wenn gleiche Funktion, dann gleicher Name. ](https://denniswagner.de/wcag/3-2-4-konsistente-bezeichnung) [ 3.2.5 Level AAA ### Änderung auf Anfrage Wenn Websites nur auf dein Kommando reagieren. ](https://denniswagner.de/wcag/3-2-5-aenderung-auf-anfrage) [ 3.2.6 Level A ### Konsistente Hilfe Wenn Support zum vertrauensvollen Begleiter wird. ](https://denniswagner.de/wcag/3-2-6-konsistente-hilfe) [ 3.3.1 Level A ### Fehlererkennung Wenn das Formular spricht, was schiefgelaufen ist. ](https://denniswagner.de/wcag/3-3-1-fehlererkennung) [ 3.3.2 Level A ### Labels or Instructions Wenn Formulare sprechen lernen. ](https://denniswagner.de/wcag/3-3-2-labels-or-instructions) [ 3.3.3 Level AA ### Fehlervorschläge Wenn "Ungültig" nicht genug ist. ](https://denniswagner.de/wcag/3-3-3-fehlervorschlaege) [ 3.3.4 Level AA ### Error Prevention Wenn Fehler teuer werden können. ](https://denniswagner.de/wcag/3-3-4-error-prevention) [ 3.3.5 Level AAA ### Help Kontextsensitive Hilfe - Wenn Nutzer nicht allein gelassen werden. ](https://denniswagner.de/wcag/3-3-5-help) [ 3.3.6 Level AAA ### Fehlervermeidung (Alle) Wenn Sicherheitsnetze Leben retten. ](https://denniswagner.de/wcag/3-3-6-fehlervermeidung-alle) [ 3.3.7 Level A ### Redundant Entry Nicht doppelt gemoppelt - Formulare, die mitdenken. ](https://denniswagner.de/wcag/3-3-7-redundant-entry) [ 3.3.8 Level AA ### Accessible Authentication (Minimum) Wenn Anmelden nicht zur Gedächtnisübung wird. ](https://denniswagner.de/wcag/3-3-8-accessible-authentication-minimum) [ 3.3.9 Level AAA ### Zugängliche Authentifizierung (Enhanced) Wenn Login zum Kinderspiel wird. ](https://denniswagner.de/wcag/3-3-9-zugaengliche-authentifizierung-enhanced) ## Robust [ 4.1.1 Obsolet ### Parsing Wenn Code-Qualität zur Nebensache wird. ](https://denniswagner.de/wcag/4-1-1-parsing) [ 4.1.2 Level A ### Name, Rolle, Wert Wenn der Code mit Assistenztechnologien spricht. ](https://denniswagner.de/wcag/4-1-2-name-rolle-wert) [ 4.1.3 Level AA ### Status Messages Wenn Updates sprechen lernen müssen. ](https://denniswagner.de/wcag/4-1-3-status-messages)