1.1.1 Non-text Content
Nicht-Text-Inhalte benötigen eine gleichwertige Textalternative oder müssen als Dekoration ignorierbar sein.
WCAG 2.2 Testreferenz
86 aktive Erfolgskriterien · jeweils eine Seite mit erfülltem und eine mit absichtlich nicht erfülltem Zustand · insgesamt 172 Testseiten.
Die Seiten sind als reproduzierbare Fixtures für manuelle Prüfungen und Accessibility-Scanner gedacht. Komplexe Kriterien werden als kontrolliertes Testszenario umgesetzt; gefährliche Blitzmuster werden nur sicher simuliert.
1.2.1 Audio-only and Video-only (Prerecorded)
Voraufgezeichnete reine Audio- oder Videoinhalte benötigen eine gleichwertige Alternative.
1.2.2 Captions (Prerecorded)
Voraufgezeichnete Videos mit Audio benötigen Untertitel für relevante Sprache und Geräusche.
1.2.3 Audio Description or Media Alternative (Prerecorded)
Für voraufgezeichnete Videos ist eine Audiodeskription oder eine Medienalternative bereitzustellen.
1.2.4 Captions (Live)
Live-Audio in synchronisierten Medien benötigt Untertitel.
1.2.5 Audio Description (Prerecorded)
Voraufgezeichnete Videos benötigen eine Audiodeskription für wesentliche visuelle Informationen.
1.2.6 Sign Language (Prerecorded)
Voraufgezeichnete Audioinhalte in synchronisierten Medien benötigen Gebärdensprachdolmetschung.
1.2.7 Extended Audio Description (Prerecorded)
Wenn Pausen nicht für Audiodeskription reichen, ist erweiterte Audiodeskription erforderlich.
1.2.8 Media Alternative (Prerecorded)
Für voraufgezeichnete synchronisierte Medien ist eine vollständige Medienalternative bereitzustellen.
1.2.9 Audio-only (Live)
Live-Audio-only benötigt eine gleichwertige Alternative für zeitbasierte Medien.
1.3.1 Info and Relationships
Informationen, Struktur und Beziehungen müssen programmatisch bestimmbar oder textlich verfügbar sein.
1.3.2 Meaningful Sequence
Die programmatisch ermittelte Lesereihenfolge muss die Bedeutung erhalten.
1.3.3 Sensory Characteristics
Anweisungen dürfen nicht ausschließlich auf Form, Größe, Position, Ausrichtung oder Klang beruhen.
1.3.4 Orientation
Inhalte dürfen nicht unnötig auf Hoch- oder Querformat beschränkt werden.
1.3.5 Identify Input Purpose
Der Zweck personenbezogener Eingabefelder soll programmatisch bestimmbar sein.
1.3.6 Identify Purpose
Der Zweck von UI-Komponenten, Symbolen und Regionen soll programmatisch bestimmbar sein.
1.4.1 Use of Color
Farbe darf nicht das einzige visuelle Mittel sein, um Information zu vermitteln.
1.4.2 Audio Control
Automatisch abgespieltes Audio über drei Sekunden muss pausierbar/stopbar oder separat regelbar sein.
1.4.3 Contrast (Minimum)
Text benötigt in der Regel mindestens 4,5:1 Kontrast, großer Text mindestens 3:1.
1.4.4 Resize Text
Text muss bis 200 % ohne Verlust von Inhalt oder Funktion vergrößerbar sein.
1.4.5 Images of Text
Text soll als echter Text statt als Bild von Text bereitgestellt werden, soweit keine Ausnahme greift.
1.4.6 Contrast (Enhanced)
Text benötigt für AAA in der Regel mindestens 7:1 Kontrast, großer Text mindestens 4,5:1.
1.4.7 Low or No Background Audio
Bei überwiegend sprachbasiertem Audio muss Hintergrundton ausreichend leise oder abschaltbar sein.
1.4.8 Visual Presentation
Textblöcke müssen anpassbar und gut lesbar dargestellt werden können.
1.4.9 Images of Text (No Exception)
Für AAA sind Bilder von Text nur bei zwingender Notwendigkeit zulässig.
1.4.10 Reflow
Bei 320 CSS-Pixel Breite darf kein zweidimensionales Scrollen für normalen Inhalt nötig sein.
1.4.11 Non-text Contrast
Wesentliche grafische Objekte und UI-Komponenten benötigen mindestens 3:1 Kontrast.
1.4.12 Text Spacing
Erhöhte Textabstände dürfen weder Inhalt noch Funktion verlieren lassen.
1.4.13 Content on Hover or Focus
Zusatzinhalte bei Hover/Fokus müssen schließbar, hoverbar und beständig sein.
2.1.1 Keyboard
Alle Funktionen müssen grundsätzlich per Tastatur bedienbar sein.
2.1.2 No Keyboard Trap
Tastaturfokus darf nicht in einem Element eingeschlossen werden.
2.1.3 Keyboard (No Exception)
AAA verlangt Tastaturbedienbarkeit ohne Ausnahmen für pfadabhängige Eingaben.
2.1.4 Character Key Shortcuts
Einzelzeichen-Tastenkürzel müssen abschaltbar, neu belegbar oder nur bei Fokus aktiv sein.
2.2.1 Timing Adjustable
Zeitbegrenzungen müssen abschaltbar, verlängerbar oder anpassbar sein, soweit keine Ausnahme greift.
2.2.2 Pause, Stop, Hide
Bewegte, blinkende oder automatisch aktualisierte Inhalte müssen pausierbar, stoppbar oder ausblendbar sein.
2.2.3 No Timing
Für AAA sollen Aktivitäten nicht von Zeitlimits abhängen, soweit nicht essenziell.
2.2.4 Interruptions
Unterbrechungen sollen vom Nutzer verschiebbar oder unterdrückbar sein.
2.2.5 Re-authenticating
Nach erneuter Authentifizierung dürfen Eingaben nicht verloren gehen.
2.2.6 Timeouts
Über Inaktivitäts-Timeouts mit möglichem Datenverlust muss vorab informiert werden.
2.3.1 Three Flashes or Below Threshold
Inhalte dürfen nicht in einer Weise blitzen, die die allgemeinen Blitz- und Rotblitz-Schwellen überschreitet.
2.3.2 Three Flashes
Für AAA darf Inhalt nicht häufiger als dreimal pro Sekunde blitzen.
2.3.3 Animation from Interactions
Durch Interaktion ausgelöste Bewegung muss deaktivierbar sein, sofern sie nicht essenziell ist.
2.4.1 Bypass Blocks
Wiederkehrende Inhaltsblöcke müssen überspringbar sein.
2.4.2 Page Titled
Jede Seite braucht einen aussagekräftigen Titel.
2.4.3 Focus Order
Die Fokusreihenfolge muss Bedeutung und Bedienbarkeit erhalten.
2.4.4 Link Purpose (In Context)
Der Zweck eines Links muss aus Linktext oder Kontext bestimmbar sein.
2.4.5 Multiple Ways
Seiten innerhalb eines Angebots sollen auf mehr als einem Weg auffindbar sein.
2.4.6 Headings and Labels
Überschriften und Beschriftungen müssen Thema oder Zweck beschreiben.
2.4.7 Focus Visible
Der Tastaturfokus muss sichtbar sein.
2.4.8 Location
Nutzer sollen ihre Position innerhalb eines Seitenangebots bestimmen können.
2.4.9 Link Purpose (Link Only)
Der Zweck eines Links muss allein aus dem Linktext bestimmbar sein.
2.4.10 Section Headings
Abschnitte sollen durch Überschriften gegliedert sein.
2.4.11 Focus Not Obscured (Minimum)
Fokussierte Komponenten dürfen nicht vollständig durch Autoreninhalt verdeckt sein.
2.4.12 Focus Not Obscured (Enhanced)
Für AAA darf kein Teil einer fokussierten Komponente durch Autoreninhalt verdeckt sein.
2.4.13 Focus Appearance
Der Fokusindikator muss ausreichende Größe und Kontrast besitzen.
2.5.1 Pointer Gestures
Mehrpunkt- oder pfadbasierte Gesten brauchen eine Alternative mit einfachem Zeigerinput.
2.5.2 Pointer Cancellation
Zeigeraktionen dürfen nicht unnötig beim Down-Event ausgelöst werden und müssen abbrechbar sein.
2.5.3 Label in Name
Der sichtbare Text einer Beschriftung muss im zugänglichen Namen enthalten sein.
2.5.4 Motion Actuation
Funktionen per Gerätebewegung müssen auch über UI-Komponenten verfügbar und abschaltbar sein.
2.5.5 Target Size (Enhanced)
Ziele für Zeigereingaben sollen für AAA mindestens 44 × 44 CSS-Pixel groß sein.
2.5.6 Concurrent Input Mechanisms
Die Nutzung verfügbarer Eingabemethoden darf nicht unnötig eingeschränkt werden.
2.5.7 Dragging Movements
Drag-and-drop-Funktionen benötigen eine Alternative ohne Ziehbewegung.
2.5.8 Target Size (Minimum)
Ziele müssen mindestens 24 × 24 CSS-Pixel groß sein oder ausreichende Abstände/Ausnahmen erfüllen.
3.1.1 Language of Page
Die Hauptsprache der Seite muss programmatisch bestimmbar sein.
3.1.2 Language of Parts
Sprachwechsel in Textpassagen müssen programmatisch gekennzeichnet sein.
3.1.3 Unusual Words
Ungewöhnliche oder fachsprachliche Begriffe brauchen eine Erklärung.
3.1.4 Abbreviations
Abkürzungen benötigen eine Möglichkeit zur Ermittlung ihrer Langform oder Bedeutung.
3.1.5 Reading Level
Für schwierige Texte soll ergänzender Inhalt oder eine einfachere Fassung verfügbar sein.
3.1.6 Pronunciation
Für Wörter mit mehrdeutiger Aussprache muss eine Aussprachehilfe verfügbar sein, wenn nötig.
3.2.1 On Focus
Das Fokussieren eines Elements darf nicht unerwartet den Kontext ändern.
3.2.2 On Input
Eine Eingabe darf nicht unerwartet den Kontext ändern, ohne dass vorher informiert wurde.
3.2.3 Consistent Navigation
Wiederkehrende Navigation muss innerhalb eines Seitenangebots konsistent angeordnet sein.
3.2.4 Consistent Identification
Komponenten mit gleicher Funktion müssen konsistent bezeichnet werden.
3.2.5 Change on Request
Kontextänderungen sollen nur auf Nutzeranforderung erfolgen oder deaktivierbar sein.
3.2.6 Consistent Help
Hilfemechanismen müssen innerhalb eines Seitenangebots in konsistenter Reihenfolge erscheinen.
3.3.1 Error Identification
Eingabefehler müssen identifiziert und verständlich beschrieben werden.
3.3.2 Labels or Instructions
Eingaben benötigen Beschriftungen oder Anweisungen.
3.3.3 Error Suggestion
Bei erkannten Eingabefehlern sollen konkrete Korrekturvorschläge angeboten werden.
3.3.4 Error Prevention (Legal, Financial, Data)
Rechtliche, finanzielle oder datenverändernde Vorgänge benötigen Rücknahme, Prüfung oder Bestätigung.
3.3.5 Help
Für kontextabhängige Eingaben soll Hilfe verfügbar sein.
3.3.6 Error Prevention (All)
Für alle übermittelten Informationen sollen Rücknahme, Prüfung oder Bestätigung möglich sein.
3.3.7 Redundant Entry
Bereits eingegebene Informationen sollen in demselben Prozess nicht erneut verlangt werden.
3.3.8 Accessible Authentication (Minimum)
Authentifizierung darf keine kognitive Funktion verlangen, sofern keine zulässige Alternative/Hilfe besteht.
3.3.9 Accessible Authentication (Enhanced)
Für AAA darf Authentifizierung keine kognitive Funktion verlangen; nur engere Ausnahmen gelten.
4.1.2 Name, Role, Value
UI-Komponenten benötigen programmatisch bestimmbare Namen, Rollen, Zustände und Werte.
4.1.3 Status Messages
Statusmeldungen müssen ohne Fokuswechsel programmatisch angekündigt werden können.