Abnahme-Checkliste WCAG 2.1 AA

Muster · Core Guard Karaman · Stand 28.10.2026. Eigene Kurzfassung der 50 Erfolgskriterien der Stufen A und AA. Maßgeblich bleibt der Originaltext der WCAG 2.1 des W3C.

Projekt: ‹Name der Website› · Geprüfte Seiten: ‹Liste oder Seitentypen› · Datum: ‹TT.MM.JJJJ› · Geprüft von: ‹Name›

So wird geprüft

Auto: automatisch mit axe-core, jede Seite in Handy- und Rechneransicht.
Manuell: mit Tastatur, Zoom, Screenreader-Stichprobe oder Sichtprüfung.
Beides: Das Werkzeug findet fehlende Angaben, ob sie passen, entscheidet ein Mensch.
Kriterien, die auf der Website nicht vorkommen (zum Beispiel Live-Video), werden als „nicht zutreffend“ vermerkt, nicht weggelassen.

1 Wahrnehmbar

Nr.	Stufe	Kriterium in eigenen Worten	Prüfweg
1.1.1	A	Bilder, Symbole und Grafiken haben einen passenden Alternativtext, rein schmückende sind für Screenreader ausgeblendet.	Beides
1.2.1	A	Reine Audio- oder reine Videodateien haben eine Textfassung.	Manuell
1.2.2	A	Aufgezeichnete Videos mit Ton haben Untertitel.	Manuell
1.2.3	A	Wichtige Bildinformationen im Video sind beschrieben oder als Text verfügbar.	Manuell
1.2.4	AA	Live-Übertragungen mit Ton haben Untertitel.	Manuell
1.2.5	AA	Aufgezeichnete Videos haben eine Audiodeskription, wo das Bild Informationen trägt.	Manuell
1.3.1	A	Überschriften, Listen, Tabellen und Feldbeschriftungen sind im Code als solche ausgezeichnet.	Beides
1.3.2	A	Die Reihenfolge im Code ergibt auch ohne Gestaltung Sinn.	Manuell
1.3.3	A	Anweisungen hängen nicht nur an Form, Farbe, Größe oder Lage („der runde Knopf rechts“).	Manuell
1.3.4	AA	Die Seite funktioniert im Hoch- und im Querformat.	Manuell
1.3.5	AA	Felder für persönliche Angaben tragen das passende autocomplete-Attribut.	Beides
1.4.1	A	Farbe ist nie das einzige Merkmal, etwa bei Links im Fließtext oder bei Fehlern.	Manuell
1.4.2	A	Ton, der von selbst länger als drei Sekunden läuft, lässt sich anhalten oder leiser stellen.	Manuell
1.4.3	AA	Text hat mindestens 4,5 : 1 Kontrast, große Schrift mindestens 3 : 1.	Beides, Farbpaare nachgerechnet
1.4.4	AA	Bei 200 % Zoom gehen weder Inhalt noch Funktion verloren.	Manuell
1.4.5	AA	Text ist echter Text und kein Bild, Logos ausgenommen.	Manuell
1.4.10	AA	Bei 320 px Breite, das entspricht 400 % Zoom, gibt es kein waagrechtes Scrollen; Tabellen und Karten dürfen scrollen.	Beides, Breite per Skript gemessen
1.4.11	AA	Ränder von Bedienelementen, Fokusrahmen und wichtige Grafiken haben mindestens 3 : 1.	Manuell, nachgerechnet
1.4.12	AA	Mit größerem Zeilen-, Absatz-, Buchstaben- und Wortabstand bleibt alles lesbar.	Manuell, Test-Stylesheet
1.4.13	AA	Eingeblendete Inhalte wie Tooltips oder Untermenüs lassen sich schließen, bleiben beim Darüberfahren stehen und verschwinden nicht von selbst.	Manuell

2 Bedienbar

Nr.	Stufe	Kriterium in eigenen Worten	Prüfweg
2.1.1	A	Alles ist mit der Tastatur bedienbar.	Manuell, Tab-Durchgang
2.1.2	A	Der Fokus kommt aus jedem Element wieder heraus.	Manuell
2.1.4	A	Tastenkürzel aus einzelnen Zeichen lassen sich abschalten oder ändern.	Manuell
2.2.1	A	Zeitlimits lassen sich verlängern oder abschalten.	Manuell
2.2.2	A	Bewegte, blinkende oder sich selbst erneuernde Inhalte wie Slider lassen sich anhalten.	Manuell
2.3.1	A	Nichts blitzt öfter als dreimal pro Sekunde.	Manuell
2.4.1	A	Ein Sprunglink oder Landmarken führen direkt zum Inhalt.	Beides
2.4.2	A	Jede Seite hat einen aussagekräftigen Titel.	Beides
2.4.3	A	Die Tab-Reihenfolge folgt dem Sinn der Seite.	Manuell
2.4.4	A	Jeder Link sagt, wohin er führt, kein alleinstehendes „hier“ oder „mehr“.	Beides
2.4.5	AA	Jede Seite ist auf mindestens zwei Wegen erreichbar, zum Beispiel Menü und Suche oder Sitemap.	Manuell
2.4.6	AA	Überschriften und Beschriftungen beschreiben Thema oder Zweck.	Manuell
2.4.7	AA	Der Tastaturfokus ist immer deutlich sichtbar.	Manuell
2.5.1	A	Was Wischen oder mehrere Finger braucht, geht auch mit einfachem Tippen.	Manuell
2.5.2	A	Aktionen lösen erst beim Loslassen aus oder lassen sich abbrechen.	Manuell
2.5.3	A	Der zugängliche Name eines Bedienelements enthält seine sichtbare Beschriftung.	Beides
2.5.4	A	Was auf Schütteln oder Neigen reagiert, geht auch anders und lässt sich abschalten.	Manuell

3 Verständlich

Nr.	Stufe	Kriterium in eigenen Worten	Prüfweg
3.1.1	A	Die Hauptsprache ist im Code angegeben, hier `lang="de"`.	Auto
3.1.2	AA	Fremdsprachige Abschnitte sind als solche ausgezeichnet.	Manuell
3.2.1	A	Der Fokus allein löst keinen Kontextwechsel aus.	Manuell
3.2.2	A	Eine Eingabe allein löst keinen unerwarteten Kontextwechsel aus.	Manuell
3.2.3	AA	Menüs stehen auf allen Seiten an derselben Stelle und in derselben Reihenfolge.	Manuell
3.2.4	AA	Gleiche Funktionen heißen überall gleich.	Manuell
3.3.1	A	Eingabefehler werden erkannt und als Text beschrieben.	Manuell
3.3.2	A	Jedes Feld hat eine sichtbare Beschriftung, Pflichtfelder und Formate sind angegeben.	Beides
3.3.3	AA	Die Fehlermeldung sagt, wie es richtig geht.	Manuell
3.3.4	AA	Bei rechtlich oder finanziell wirksamen Eingaben gibt es Prüfung, Bestätigung oder Rücknahme.	Manuell

4 Robust

Nr.	Stufe	Kriterium in eigenen Worten	Prüfweg
4.1.1	A	Code sauber verschachtelt, IDs eindeutig. In WCAG 2.2 entfallen, die aktuelle Fassung von WCAG 2.1 behandelt es für HTML als erfüllt; sauberer Code bleibt Grundlage für 1.3.1 und 4.1.2.	Auto
4.1.2	A	Alle Bedienelemente haben Name und Rolle, Zustände wie „geöffnet“ werden mitgeteilt.	Beides
4.1.3	AA	Meldungen wie „gesendet“ oder „3 Treffer“ werden vorgelesen, ohne den Fokus zu verschieben.	Beides

Ergebnis der Abnahme

Bereich	Ergebnis
axe-core, alle Seiten, Handy und Rechner	‹Anzahl› Verstöße
Tastatur-Durchgang je Seitentyp	‹bestanden / offene Punkte›
200 % Zoom und 320 px Breite	‹bestanden / offene Punkte›
Kontraste, alle Farbpaare	kleinster Wert ‹x : 1›
Screenreader-Stichprobe	‹Seiten, Ergebnis›
Offene Punkte mit Termin	‹Liste›

Freigegeben am ‹TT.MM.JJJJ› von ‹Name›