WCAG-Referenz
WCAG 2.2 AA: alle Erfolgskriterien erklärt
Die WCAG sind der internationale Standard für barrierefreie Webinhalte und der technische Maßstab hinter EN 301 549, dem European Accessibility Act und dem BFSG. Hier finden Sie alle 56 Erfolgskriterien der Stufen A und AA — nach den vier POUR-Prinzipien geordnet, jeweils mit verständlicher Erklärung, Konformitätsstufe und EN-301-549-Zuordnung.
Prinzip 1: Wahrnehmbar
- 1.1.1Stufe ANon-text ContentAlle Nicht-Text-Inhalte wie Bilder haben eine Textalternative, die denselben Zweck erfüllt.
- 1.2.1Stufe AAudio-only and Video-only (Prerecorded)Für aufgezeichnete reine Audio- und reine Videoinhalte gibt es eine gleichwertige Alternative.
- 1.2.2Stufe ACaptions (Prerecorded)Aufgezeichnete Videos mit Ton haben Untertitel.
- 1.2.3Stufe AAudio Description or Media Alternative (Prerecorded)Für aufgezeichnete Videos gibt es eine Audiodeskription oder eine vollständige Textalternative.
- 1.2.4Stufe AACaptions (Live)Live-Videos mit Ton haben Untertitel in Echtzeit.
- 1.2.5Stufe AAAudio Description (Prerecorded)Aufgezeichnete Videos haben eine Audiodeskription der wichtigen visuellen Vorgänge.
- 1.3.1Stufe AInfo and RelationshipsVisuell vermittelte Struktur und Zusammenhänge (Überschriften, Listen, Tabellen) stehen auch im Code und sind für assistive Technik erkennbar.
- 1.3.2Stufe AMeaningful SequenceDie für das Verständnis richtige Lesereihenfolge ist im Code festgelegt.
- 1.3.3Stufe ASensory CharacteristicsAnweisungen verlassen sich nicht allein auf Sinnesmerkmale wie Form, Farbe oder Position („der rote Button rechts“).
- 1.3.4Stufe AAOrientationInhalte funktionieren in Hoch- und Querformat und erzwingen keine bestimmte Ausrichtung.
- 1.3.5Stufe AAIdentify Input PurposeDer Zweck gängiger Eingabefelder (Name, E-Mail, Adresse) ist im Code angegeben, damit sie automatisch ausgefüllt werden können.
- 1.4.1Stufe AUse of ColorFarbe ist nicht das einzige Mittel, um Information zu vermitteln oder eine Aktion zu kennzeichnen.
- 1.4.2Stufe AAudio ControlAutomatisch abgespielter Ton, der länger als 3 Sekunden läuft, lässt sich anhalten oder stummschalten.
- 1.4.3Stufe AAContrast (Minimum)Text hat ein Kontrastverhältnis von mindestens 4,5:1 (3:1 bei großem Text).
- 1.4.4Stufe AAResize TextText lässt sich auf 200 % vergrößern, ohne dass Inhalte oder Funktionen verloren gehen.
- 1.4.5Stufe AAImages of TextEchter Text wird gegenüber Bildern von Text bevorzugt, außer er ist unverzichtbar oder anpassbar.
- 1.4.10Stufe AAReflowInhalte brechen bei 320 CSS-Pixeln Breite auf eine Spalte um, ohne Informationsverlust und ohne Scrollen in zwei Richtungen.
- 1.4.11Stufe AANon-text ContrastBedienelemente und grafische Objekte haben mindestens 3:1 Kontrast zu angrenzenden Farben.
- 1.4.12Stufe AAText SpacingWerden Zeilen-, Absatz-, Buchstaben- und Wortabstände erhöht, geht kein Inhalt verloren.
- 1.4.13Stufe AAContent on Hover or FocusInhalte, die bei Hover oder Fokus erscheinen (Tooltips, Menüs), lassen sich schließen, mit der Maus erreichen und bleiben bestehen.
Prinzip 2: Bedienbar
- 2.1.1Stufe AKeyboardAlle Funktionen lassen sich allein mit der Tastatur bedienen.
- 2.1.2Stufe ANo Keyboard TrapDer Tastaturfokus lässt sich aus jedem Element wieder heraus bewegen, ohne hängen zu bleiben.
- 2.1.4Stufe ACharacter Key ShortcutsTastenkürzel aus einem einzelnen Zeichen lassen sich abschalten, umbelegen oder wirken nur bei Fokus.
- 2.2.1Stufe ATiming AdjustableZeitbegrenzungen lassen sich abschalten, anpassen oder verlängern.
- 2.2.2Stufe APause, Stop, HideBewegte, blinkende oder sich automatisch aktualisierende Inhalte lassen sich anhalten, stoppen oder ausblenden.
- 2.3.1Stufe AThree Flashes or Below ThresholdNichts blitzt mehr als dreimal pro Sekunde oder bleibt unter den Blitzschwellen.
- 2.4.1Stufe ABypass BlocksEs gibt eine Möglichkeit (z. B. einen Sprunglink), wiederkehrende Inhaltsblöcke zu überspringen.
- 2.4.2Stufe APage TitledJede Seite hat einen Titel, der Thema oder Zweck beschreibt.
- 2.4.3Stufe AFocus OrderBedienelemente erhalten den Fokus in einer sinnvollen, nachvollziehbaren Reihenfolge.
- 2.4.4Stufe ALink Purpose (In Context)Der Zweck jedes Links ergibt sich aus dem Linktext oder seinem Kontext.
- 2.4.5Stufe AAMultiple WaysEs gibt mehr als einen Weg, eine Seite innerhalb der Website zu finden (z. B. Menü und Suche).
- 2.4.6Stufe AAHeadings and LabelsÜberschriften und Beschriftungen beschreiben Thema oder Zweck.
- 2.4.7Stufe AAFocus VisibleBei Tastaturbedienung ist immer sichtbar, welches Element gerade den Fokus hat.
- 2.4.11Stufe AAFocus Not Obscured (Minimum)Ein fokussiertes Element wird nicht vollständig von anderen Inhalten (z. B. Sticky-Leisten) verdeckt.
- 2.5.1Stufe APointer GesturesGesten mit mehreren Fingern oder bestimmten Pfaden haben eine Alternative mit einem einzelnen Zeiger.
- 2.5.2Stufe APointer CancellationAktionen, die per Zeiger ausgelöst werden, lassen sich abbrechen oder rückgängig machen.
- 2.5.3Stufe ALabel in NameDer zugängliche Name eines Bedienelements enthält den sichtbar darauf stehenden Text.
- 2.5.4Stufe AMotion ActuationFunktionen, die durch Bewegung des Geräts oder der Person ausgelöst werden, haben eine Bedien-Alternative und lassen sich abschalten.
- 2.5.7Stufe AADragging MovementsFunktionen, die ein Ziehen erfordern, haben eine Alternative mit einem einfachen Zeiger-Tippen.
- 2.5.8Stufe AATarget Size (Minimum)Klick- und Tippziele sind mindestens 24×24 CSS-Pixel groß, mit Ausnahmen für Abstand oder Fließtext.
Prinzip 3: Verständlich
- 3.1.1Stufe ALanguage of PageDie Hauptsprache jeder Seite ist im Code angegeben.
- 3.1.2Stufe AALanguage of PartsFür fremdsprachige Passagen ist die jeweilige Sprache im Code angegeben.
- 3.2.1Stufe AOn FocusDas bloße Fokussieren eines Elements löst keinen unerwarteten Kontextwechsel aus.
- 3.2.2Stufe AOn InputDas Ändern einer Einstellung löst nicht automatisch einen unerwarteten Kontextwechsel aus.
- 3.2.3Stufe AAConsistent NavigationWiederkehrende Navigation erscheint auf allen Seiten in derselben relativen Reihenfolge.
- 3.2.4Stufe AAConsistent IdentificationElemente mit gleicher Funktion werden einheitlich benannt und gekennzeichnet.
- 3.2.6Stufe AConsistent HelpHilfsangebote, die auf mehreren Seiten vorkommen, erscheinen in derselben relativen Reihenfolge.
- 3.3.1Stufe AError IdentificationEingabefehler werden erkannt und dem Nutzer in Textform beschrieben.
- 3.3.2Stufe ALabels or InstructionsWo eine Eingabe nötig ist, gibt es eine Beschriftung oder Anleitung.
- 3.3.3Stufe AAError SuggestionWird ein Eingabefehler erkannt und ist eine Korrektur bekannt, wird sie vorgeschlagen.
- 3.3.4Stufe AAError Prevention (Legal, Financial, Data)Eingaben mit rechtlichen, finanziellen oder Datenfolgen sind umkehrbar, werden geprüft oder müssen bestätigt werden.
- 3.3.7Stufe ARedundant EntryBereits eingegebene Informationen werden automatisch übernommen oder zur Auswahl angeboten, statt sie erneut einzutippen.
- 3.3.8Stufe AAAccessible Authentication (Minimum)Für die Anmeldung ist kein kognitiver Test (z. B. Rätsel, Merken) nötig, außer es gibt eine Alternative.
Prinzip 4: Robust
- 4.1.1Stufe AParsingDas Markup hat vollständige Tags und eindeutige IDs. In WCAG 2.2 entfallen und obsolet.
- 4.1.2Stufe AName, Role, ValueFür alle Bedienelemente sind Name und Rolle im Code bestimmbar; Zustände und Werte sind gesetzt.
- 4.1.3Stufe AAStatus MessagesStatusmeldungen sind über Rolle oder Eigenschaften für assistive Technik erkennbar, ohne den Fokus zu verschieben.
Kostenlosen Scan anfragen
Sagen Sie uns Ihre Domain — wir führen einen kostenlosen Erst-Scan durch und zeigen Ihnen die wichtigsten Barrieren.