ADA-Checkliste zur Barrierefreiheit von Websites (WCAG 2.1 AA)
Alle Erfolgskriterien der WCAG 2.1, Stufen A und AA: was zu prüfen ist und ob ein automatisches Werkzeug hilft. Haken Sie jedes ab, wenn Ihre Website es erfüllt.
PDF herunterladen
Kostenlos, ohne E-Mail. Drucken Sie sie aus oder teilen Sie den Link.
- Erfolgskriterien
- 49
- Teilweise automatisch
- 21
- Manuelle Prüfung
- 28
So nutzen Sie die Checkliste
- Starten Sie mit einer automatischen Prüfung: Sie findet die als „teilweise automatisch“ markierten Probleme schnell.
- Gehen Sie dann jedes Kriterium von Hand durch: mit Tastatur, Screenreader und Zoom auf 200 % und 400 %.
- „Teilweise automatisch“ heißt: Ein Werkzeug prüft einen Teil des Kriteriums, den Rest muss ein Mensch bestätigen.
Diese Checkliste bescheinigt nicht, dass eine Website ein Gesetz erfüllt.
1. Wahrnehmbar
| Nr. | Erfolgskriterium | Was zu prüfen ist | Prüfung |
|---|---|---|---|
| 1.1.1 | Nicht-Text-Inhalt Stufe A · WCAG 2.0 | WCAG 1.1.1 verlangt einen Alternativtext für jedes Bild, Icon und jeden Bild-Button (Stufe A). So schreiben Sie Alt-Texte, wann sie leer sein dürfen, Prüfung. | Teilweise automatisch |
| 1.2.1 | Reine Audio- und Videoinhalte (aufgezeichnet) Stufe A · WCAG 2.0 | WCAG 1.2.1 verlangt ein Transkript für aufgezeichnetes Audio und eine Text- oder Audioalternative für stummes Video (Stufe A). Was zählt, Ausnahme, Prüfung. | Manuelle Prüfung |
| 1.2.2 | Untertitel (aufgezeichnet) Stufe A · WCAG 2.0 | WCAG 1.2.2 verlangt Untertitel für jedes aufgezeichnete Video mit Ton (Stufe A). Was sie enthalten müssen, warum Auto-Untertitel nicht reichen, Prüfung. | Teilweise automatisch |
| 1.2.3 | Audiodeskription oder Medienalternative (aufgezeichnet) Stufe A · WCAG 2.0 | WCAG 1.2.3 verlangt eine Audiodeskription oder eine vollständige Textalternative für aufgezeichnete Videos (Stufe A). Optionen, Ausnahmen und Prüfung erklärt. | Manuelle Prüfung |
| 1.2.4 | Untertitel (Live) Stufe AA · WCAG 2.0 | WCAG 1.2.4 verlangt Untertitel für Live-Video mit Ton, etwa Webinare und Live-Shopping (Stufe AA). Was als live gilt, was nicht darunter fällt, Prüfung. | Manuelle Prüfung |
| 1.2.5 | Audiodeskription (aufgezeichnet) Stufe AA · WCAG 2.0 | WCAG 1.2.5 verlangt eine Audiodeskription für alle aufgezeichneten Videos mit Ton (Stufe AA). Wann sie nicht nötig ist, erweiterte Deskription und Prüfung. | Manuelle Prüfung |
| 1.3.1 | Info und Beziehungen Stufe A · WCAG 2.0 | WCAG 1.3.1 verlangt, dass Überschriften, Listen, Tabellen und Formular-Labels im Code ausgezeichnet sind, nicht nur gestaltet (Stufe A). Fehler, Test, Lösung. | Teilweise automatisch |
| 1.3.2 | Bedeutungstragende Reihenfolge Stufe A · WCAG 2.0 | WCAG 1.3.2 verlangt, dass die Reihenfolge der Inhalte im Code beim Vorlesen ihren Sinn behält (Stufe A). Typische CSS-Fehler, Test der Reihenfolge, Lösung. | Manuelle Prüfung |
| 1.3.3 | Sensorische Eigenschaften Stufe A · WCAG 2.0 | WCAG 1.3.3: Anweisungen dürfen sich nicht nur auf Form, Farbe, Größe, Position oder Ton stützen, z. B. „den runden Button“ (Stufe A). Beispiele und Lösung. | Manuelle Prüfung |
| 1.3.4 | Bildschirmausrichtung Stufe AA · WCAG 2.1 | WCAG 1.3.4: Eine Website darf ihre Ansicht nicht auf Hoch- oder Querformat festlegen, außer eine ist wesentlich (Stufe AA). Bedeutung, Test, Lösung. | Teilweise automatisch |
| 1.3.5 | Bestimmung des Eingabezwecks Stufe AA · WCAG 2.1 | WCAG 1.3.5 verlangt, dass Felder für eigene Daten wie Name oder E-Mail ihren Zweck per autocomplete angeben (Stufe AA). Welche Felder betroffen sind, Test. | Teilweise automatisch |
| 1.4.1 | Benutzung von Farbe Stufe A · WCAG 2.0 | WCAG 1.4.1: Farbe darf nicht das einzige visuelle Mittel sein, um Links, Fehler oder Lagerstatus zu zeigen (Stufe A). Regeln für Links, Beispiele, Test, Lösung. | Teilweise automatisch |
| 1.4.2 | Audio-Steuerelement Stufe A · WCAG 2.0 | WCAG 1.4.2: Audio, das automatisch länger als 3 Sekunden abspielt, braucht Pause, Stopp oder eigene Lautstärkeregelung (Stufe A). Fehler, Test, Lösung. | Teilweise automatisch |
| 1.4.3 | Kontrast (Minimum) Stufe AA · WCAG 2.0 | WCAG 1.4.3 verlangt ein Kontrastverhältnis von mindestens 4,5:1 für Text und 3:1 für großen Text (Stufe AA). Was als groß gilt, Ausnahmen und Prüfung. | Teilweise automatisch |
| 1.4.4 | Textgröße ändern Stufe AA · WCAG 2.0 | WCAG 1.4.4 verlangt, dass sich Text ohne Verlust von Inhalten oder Funktionen auf 200 % zoomen lässt (Stufe AA). Warum Zoomsperren scheitern, Ausnahmen, Test. | Teilweise automatisch |
| 1.4.5 | Bilder eines Textes Stufe AA · WCAG 2.0 | WCAG 1.4.5 verlangt, wo möglich echten Text statt Bildern von Text (Stufe AA). Ausnahmen für Logos und wesentlichen Text, Beispiele, Prüfung und Lösung. | Manuelle Prüfung |
| 1.4.10 | Umfluss (Reflow) Stufe AA · WCAG 2.1 | WCAG 1.4.10 verlangt, dass Seiten bei 320 CSS-px Breite oder 400 % Zoom ohne horizontales Scrollen funktionieren (Stufe AA). Ausnahmen, Test, Lösung. | Manuelle Prüfung |
| 1.4.11 | Nicht-Text-Kontrast Stufe AA · WCAG 2.1 | WCAG 1.4.11 verlangt 3:1 Kontrast für Icons, Rahmen von Formularfeldern, Fokusindikatoren und Diagrammteile (Stufe AA). Ausnahmen, Prüfung und Lösung. | Manuelle Prüfung |
| 1.4.12 | Textabstand Stufe AA · WCAG 2.1 | WCAG 1.4.12: Text muss funktionieren, wenn Nutzer 1,5 Zeilenhöhe, 2× Absatz-, 0,12 Zeichen- und 0,16 Wortabstand setzen (Stufe AA). Test und Lösung. | Teilweise automatisch |
| 1.4.13 | Inhalt bei Hover oder Fokus Stufe AA · WCAG 2.1 | WCAG 1.4.13 verlangt, dass Tooltips, Mega-Menüs und Pop-ups bei Hover oder Fokus schließbar, überfahrbar und dauerhaft sind (Stufe AA). Bedeutung und Test. | Manuelle Prüfung |
2. Bedienbar
| Nr. | Erfolgskriterium | Was zu prüfen ist | Prüfung |
|---|---|---|---|
| 2.1.1 | Tastatur Stufe A · WCAG 2.0 | WCAG 2.1.1 verlangt, dass jede Funktion einer Seite allein mit der Tastatur funktioniert (Stufe A). Umfang, die eine Ausnahme und der Praxistest. | Teilweise automatisch |
| 2.1.2 | Keine Tastaturfalle Stufe A · WCAG 2.0 | WCAG 2.1.2: Ein Tastaturfokus, der in eine Komponente gelangt, muss sie allein per Tastatur wieder verlassen können (Stufe A). Typische Tastaturfallen und Test. | Manuelle Prüfung |
| 2.1.4 | Zeichentastenbefehle Stufe A · WCAG 2.1 | WCAG 2.1.4: Tastaturkürzel aus einzelnen Zeichen müssen abschaltbar, umbelegbar oder auf ein fokussiertes Element begrenzt sein (Stufe A). Beispiele und Test. | Manuelle Prüfung |
| 2.2.1 | Zeiteinteilung anpassbar Stufe A · WCAG 2.0 | WCAG 2.2.1 verlangt, dass Nutzer Zeitlimits abschalten, anpassen oder verlängern können, mit Warnung und 20 Sekunden Zeit (Stufe A). Ausnahmen, Timeouts, Test. | Teilweise automatisch |
| 2.2.2 | Pausieren, beenden, ausblenden Stufe A · WCAG 2.0 | WCAG 2.2.2 verlangt, dass sich Inhalte, die sich über fünf Sekunden bewegen oder automatisch aktualisieren, pausieren lassen (Stufe A). Karussells, Ticker. | Teilweise automatisch |
| 2.3.1 | Grenzwert von dreimaligem Blitzen oder weniger Stufe A · WCAG 2.0 | WCAG 2.3.1 verbietet Inhalte, die öfter als dreimal pro Sekunde blitzen, außer sie liegen unter den Blitz-Grenzwerten (Stufe A). Was zählt und wie Sie testen. | Manuelle Prüfung |
| 2.4.1 | Blöcke umgehen Stufe A · WCAG 2.0 | WCAG 2.4.1 verlangt eine Möglichkeit, auf jeder Seite wiederholte Blöcke wie das Menü zu überspringen (Stufe A). Sprunglinks, Landmarks, Überschriften und Test. | Teilweise automatisch |
| 2.4.2 | Seite mit Titel versehen Stufe A · WCAG 2.0 | WCAG 2.4.2 verlangt für jede Webseite einen Titel, der Thema oder Zweck beschreibt (Stufe A). Gute Titel für Shops und Single-Page-Apps und wie Sie testen. | Teilweise automatisch |
| 2.4.3 | Fokus-Reihenfolge Stufe A · WCAG 2.0 | WCAG 2.4.3 verlangt, dass sich der Tastaturfokus in einer Reihenfolge bewegt, die Bedeutung und Bedienbarkeit erhält (Stufe A). tabindex, Pop-ups, Test. | Manuelle Prüfung |
| 2.4.4 | Linkzweck (im Kontext) Stufe A · WCAG 2.0 | WCAG 2.4.4 verlangt, dass der Zweck jedes Links aus seinem Text oder Kontext hervorgeht (Stufe A). Warum „Mehr lesen“ und leere Icon-Links scheitern, Lösung. | Teilweise automatisch |
| 2.4.5 | Verschiedene Methoden Stufe AA · WCAG 2.0 | WCAG 2.4.5 verlangt mehr als einen Weg, eine Seite zu finden, etwa Menü plus Suche oder eine Sitemap (Stufe AA). Die Checkout-Ausnahme, Beispiele und Test. | Manuelle Prüfung |
| 2.4.6 | Überschriften und Beschriftungen (Labels) Stufe AA · WCAG 2.0 | WCAG 2.4.6 verlangt, dass Überschriften und Labels ihr Thema oder ihren Zweck beschreiben (Stufe AA). Was nicht verlangt wird, Reihenfolge, Formulare, Test. | Manuelle Prüfung |
| 2.4.7 | Fokus sichtbar Stufe AA · WCAG 2.0 | WCAG 2.4.7 verlangt, dass der Tastaturfokus immer sichtbar ist (Stufe AA). Warum outline: none ihn zerstört, der Unterschied zu 2.4.13 und der Test. | Manuelle Prüfung |
| 2.5.1 | Zeigergesten Stufe A · WCAG 2.1 | WCAG 2.5.1 verlangt, dass Pinch, Wischen und andere Mehrpunkt- oder pfadbasierte Gesten auch per Tippen oder Klick funktionieren (Stufe A). Beispiele. | Manuelle Prüfung |
| 2.5.2 | Zeigeraufhebung Stufe A · WCAG 2.1 | WCAG 2.5.2 verlangt, dass Zeigeraktionen nicht beim Drücken auslösen, damit sich versehentliches Tippen abbrechen lässt (Stufe A). Vier Optionen und Test. | Manuelle Prüfung |
| 2.5.3 | Beschriftung (Label) im Namen Stufe A · WCAG 2.1 | WCAG 2.5.3 verlangt, dass der zugängliche Name eines Bedienelements seinen sichtbaren Text enthält (Stufe A), damit Sprachsteuerung klappt. Fehler, Lösung. | Teilweise automatisch |
| 2.5.4 | Auslösen durch Bewegung Stufe A · WCAG 2.1 | WCAG 2.5.4: Funktionen, die durch Schütteln oder Neigen des Geräts ausgelöst werden, brauchen auch Bedienelemente, und Bewegung muss abschaltbar sein (Stufe A). | Manuelle Prüfung |
3. Verständlich
| Nr. | Erfolgskriterium | Was zu prüfen ist | Prüfung |
|---|---|---|---|
| 3.1.1 | Sprache der Seite Stufe A · WCAG 2.0 | WCAG 3.1.1 verlangt, dass Software die Hauptsprache jeder Seite erkennen kann, meist über das lang-Attribut im html-Element (Stufe A). Bedeutung und Prüfung. | Teilweise automatisch |
| 3.1.2 | Sprache von Teilen Stufe AA · WCAG 2.0 | WCAG 3.1.2 verlangt, Passagen in einer anderen Sprache mit einem lang-Attribut auszuzeichnen (Stufe AA). Ausnahmen für Namen und Fachbegriffe, Fehler, Lösung. | Teilweise automatisch |
| 3.2.1 | Bei Fokus Stufe A · WCAG 2.0 | WCAG 3.2.1: Der Fokus auf einem Bedienelement darf keinen Kontextwechsel auslösen, etwa ein neues Fenster oder eine neue Seite (Stufe A). Beispiele und Test. | Manuelle Prüfung |
| 3.2.2 | Bei Eingabe Stufe A · WCAG 2.0 | WCAG 3.2.2: Das Ändern eines Felds, einer Checkbox oder Auswahl darf den Kontext nicht ändern, außer Nutzer wurden vorher informiert (Stufe A). Fehler, Test. | Manuelle Prüfung |
| 3.2.3 | Konsistente Navigation Stufe AA · WCAG 2.0 | WCAG 3.2.3 verlangt, dass Menüs und andere seitenübergreifende Navigation dieselbe relative Reihenfolge behalten (Stufe AA). Was erlaubt ist, Fehler, Test. | Manuelle Prüfung |
| 3.2.4 | Konsistente Erkennung Stufe AA · WCAG 2.0 | WCAG 3.2.4 verlangt, dass Komponenten mit derselben Funktion auf der ganzen Website gleich beschriftet sind (Stufe AA). Was zählt, typische Fehler und Prüfung. | Manuelle Prüfung |
| 3.3.1 | Fehlererkennung Stufe A · WCAG 2.0 | WCAG 3.3.1 verlangt, dass Formularfehler markiert und als Text beschrieben werden, auch leere Pflichtfelder (Stufe A). Typische Fehler, Test und Lösung. | Manuelle Prüfung |
| 3.3.2 | Beschriftungen (Labels) oder Anweisungen Stufe A · WCAG 2.0 | WCAG 3.3.2 verlangt Labels oder Anweisungen überall, wo ein Formular Eingaben erwartet, auch bei optionalen Feldern (Stufe A). Platzhalter, Pflichtfelder. | Teilweise automatisch |
| 3.3.3 | Fehlerempfehlung Stufe AA · WCAG 2.0 | WCAG 3.3.3 verlangt, dass bei einem erkannten Formularfehler mit bekannter Lösung die Korrektur vorgeschlagen wird (Stufe AA). Ausnahmen, Beispiele, Test. | Manuelle Prüfung |
| 3.3.4 | Fehlervermeidung (rechtliche, finanzielle, Daten) Stufe AA · WCAG 2.0 | WCAG 3.3.4 verlangt, dass Bestellungen, Zahlungen und Datenlöschung umkehrbar, geprüft oder bestätigt sind, bevor sie wirken (Stufe AA). Folgen im Checkout. | Manuelle Prüfung |
4. Robust
| Nr. | Erfolgskriterium | Was zu prüfen ist | Prüfung |
|---|---|---|---|
| 4.1.2 | Name, Rolle, Wert Stufe A · WCAG 2.0 | WCAG 4.1.2 verlangt, dass jeder Button, Link und jedes Formularelement Name, Rolle und Zustand an assistive Technologien meldet (Stufe A). ARIA-Fehler, Lösung. | Teilweise automatisch |
| 4.1.3 | Statusmeldungen Stufe AA · WCAG 2.1 | WCAG 4.1.3 verlangt, dass Meldungen wie „In den Warenkorb gelegt“ oder „12 Ergebnisse“ ohne Fokuswechsel vorgelesen werden (Stufe AA). role=status, alert. | Manuelle Prüfung |
Automatisierte Prüfung, kein vollständiges Audit. Keine Rechtsberatung.
Checkliste als PDF herunterladen
Alle Erfolgskriterien der Stufen A und AA mit Prüfhinweis und Kästchen zum Abhaken. Kostenlos, Link per E-Mail.