WCAG 2.1 AA Checkliste: Vollständiger Leitfaden zu Level A, AA und AAA Kriterien

Trotz der Vorteile digitaler Barrierefreiheit haben Organisationen weiterhin Schwierigkeiten, die Mindestanforderungen an Barrierefreiheit zu erfüllen(opens in a new tab). Basierend auf einem Scan von über 400.000 Unternehmens-Webseiten auf 15.000 Websites haben wir festgestellt, dass:

38 % der Bilder sind für Menschen mit Sehbehinderungen nicht zugänglich.
80 % der Seiten enthalten Links, die für Menschen mit Seh- oder kognitiven Beeinträchtigungen nicht eindeutig sind.
35 % der Formulare haben keine klaren Beschriftungen.

Diese und viele weitere Probleme führen dazu, dass nur 3 % des Internets barrierefrei sind für Menschen mit Behinderungen.

Das World Wide Web Consortium(opens in a new tab) (W3C) hat die Web Content Accessibility Guidelines(opens in a new tab) (WCAG) entwickelt, um Organisationen dabei zu unterstützen, die Barrierefreiheit für Menschen mit Behinderungen zu verbessern. WCAG ist ein gemeinsamer, internationaler Standard, dem Unternehmen folgen sollten, um Barrierefreiheitsstandards zu erfüllen. Die Richtlinien enthalten 86 Erfolgskriterien, die – wenn sie erfüllt werden – die Barrierefreiheit und Nutzbarkeit auf digitalen Plattformen, einschließlich Websites, mobilen Geräten, digitalen Dokumenten und anderen Benutzeroberflächen, erhöhen.

Im Folgenden haben wir eine ausführliche Checkliste der WCAG-Erfolgskriterien zusammengestellt, damit Ihre digitalen Produkte den Anforderungen an die Barrierefreiheit im Web entsprechen.

WCAG-Checkliste

Diese WCAG 2.1 AA Checkliste umfasst alle Erfolgskriterien der Stufen A, AA und AAA sowie die neun neuen Kriterien aus WCAG 2.2. Lassen Sie sich nicht von der Anzahl der Erfolgskriterien überwältigen – es sind viele, aber mit den richtigen Werkzeugen lassen sie sich umsetzen.

Wir empfehlen, mit den Erfolgskriterien der Stufe A zu beginnen, bevor Sie zu höheren Stufen übergehen. Sie können auch zunächst einfachere Probleme beheben und parallel einen Plan für komplexere erstellen.

WCAG-Checkliste Stufe A

Die Kriterien der Stufe A stellen die Mindestanforderungen an Barrierefreiheit dar. Alle Websites sollten diese erfüllen, bevor sie zu höheren Stufen übergehen.

Erfolgskriterien	Beschreibung	Erledigt
Nicht-Text-Inhalt	Alle nicht-textuellen Inhalte (z. B. Bilder, Bildschaltflächen und Hotspots in Bildkarten) verfügen über geeignete Alternativtexte.
Nur-Audio und Nur-Video	Für reine Video- oder Audioinhalte werden beschreibende und genaue Transkripte bereitgestellt.
Untertitel	Untertitel werden für vorab aufgezeichnete oder Live-Videos (z. B. YouTube) bereitgestellt.
Informationen und Beziehungen	Überschriften verwenden die richtige semantische Auszeichnung. Tabellen sind mit den entsprechenden Überschriften verknüpft und enthalten bei Bedarf Beschriftungen. Textbeschriftungen sind den richtigen Formulareingaben zugeordnet.
Sinnvolle Reihenfolge	Die Navigationsreihenfolge folgt der Code-Reihenfolge; die Navigation ist klar und intuitiv.
Sensorische Merkmale	Anweisungen sind nicht von der visuellen Position, Form oder Größe abhängig (z. B. 'Die Anweisungen stehen rechts' oder 'Klicken Sie auf die quadratische Schaltfläche, um fortzufahren').
Farbverwendung	Farbe allein wird nicht verwendet, um Informationen darzustellen oder Links vom umgebenden Text zu unterscheiden, es sei denn, das Farbkontrastverhältnis ist angemessen.
Audiosteuerung	Nutzer können Audioinhalte, die automatisch länger als drei Sekunden abgespielt werden, pausieren, stoppen, die Lautstärke ändern oder stummschalten.
Tastatur	Webelemente können problemlos über die Tastatur bedient werden und beinhalten seitenbezogene Tastenkombinationen.
Keine Tastaturfalle	Tastaturfokus und Tastenkombinationen sind auf keinen Seitenelementen gesperrt oder eingeschlossen.
Zeichen-Tastenkombinationen	Nutzer müssen Tastenkürzel deaktivieren und auf nicht druckbare Tasten wie Strg, Alt usw. umstellen können.
Zeitsteuerung anpassbar	Seiten mit Zeitlimits ermöglichen es Nutzern, das Zeitlimit anzupassen, auszuschalten oder zu verlängern.
Pausieren, Stoppen, Ausblenden	Automatisch bewegte, blinkende, scrollende oder aktualisierte Inhalte, die länger als fünf Sekunden dauern, können von Nutzern pausiert, gestoppt oder ausgeblendet werden.
Drei Blitze oder weniger	Seiteninhalte blinken nicht mehr als dreimal pro Sekunde.
Blöcke überspringen	Nutzer können Navigationselemente oder andere sich wiederholende Seitenelemente überspringen.
Seitentitel	Die Webseite hat einen beschreibenden, informativen Seitentitel.
Fokusreihenfolge	Die Reihenfolge der Links ist klar und folgt einer logischen, intuitiven Abfolge.
Zweck des Links	Nutzer können den Zweck des Links allein anhand des Linktexts verstehen. Links mit ähnlichem Text, die zu unterschiedlichen Zielen führen, sind leicht unterscheidbar.
Zeigergesten	Benutzeraktionen können mit einer einzigen Zeigergeste ausgeführt werden.
Zeiger-Abbruch	Unbeabsichtigte Aktivierungen von Steuerelementen werden durch Nichtverwendung der 'onmousedown'-Aktivierung vermieden.
Bewegungsaktivierung	Funktionen, die durch Benutzerbewegungen oder das Bewegen des Geräts ausgelöst werden, können deaktiviert werden. Ähnliche Funktionen sind auch über Standardsteuerungen wie Schaltflächen verfügbar.
Fehlererkennung	Formularvalidierungs- oder Eingabefehler werden klar gekennzeichnet und der Zugriff auf den Fehler ist schnell möglich.

WCAG-Checkliste Stufe AA

Stufe AA ist der Standard, der von den meisten Gesetzen zur digitalen Barrierefreiheit gefordert wird, einschließlich ADA (USA), EN 301 549 (EU) und AODA (Kanada).

Erfolgskriterien	Beschreibung	Erledigt
Untertitel	Live-Medien mit Audio enthalten synchronisierte Untertitel.
Audiodeskription	Nutzer haben Zugriff auf Audiodeskriptionen für nicht-live Videos.
Ausrichtung	Die Ausrichtung der Webseite ist nicht auf Hoch- oder Querformat beschränkt; Nutzer können sie nach Bedarf anpassen.
Eingabezweck identifizieren	Felder, die bestimmte Nutzerinformationen erfassen, haben ein definiertes 'autocomplete'-Attribut.
Kontrast	Sowohl Text als auch Bilder haben ein Kontrastverhältnis von mindestens 4,5:1. Großer Text hat ein Verhältnis von mindestens 3:1.
Text vergrößern	Seitenelemente bleiben auch bei 200% Zoom lesbar und funktional.
Bilder von Text	Wenn eine visuelle Darstellung auch durch reinen Text erfolgen kann, wird kein Bild allein verwendet, um Text darzustellen.
Umfluss	Die Funktionalität bleibt erhalten, wenn Inhalte mit einer Breite von 320 Pixeln dargestellt werden. Horizontales Scrollen wird so weit wie möglich vermieden.
Nicht-Text-Kontrast (Minimum)	Ein Mindestkontrastverhältnis von 3:1 ist für verschiedene Objekte wie Symbole, Diagramme oder Grafiken verfügbar.
Textabstand	Inhalt oder Funktionalität gehen nicht verloren, wenn Nutzer den Absatzabstand anpassen.
Inhalt bei Hover oder Fokus	Inhalte, die beim Hover oder Fokus angezeigt werden, können ohne Verschieben der Tastatur oder des Zeigers ausgeblendet werden.
Mehrere Wege	Nutzer haben mehr als eine Möglichkeit, andere Webseiten auf einer Seite zu finden.
Überschriften und Beschriftungen	Seitenüberschriften und Beschriftungen sind informativ und werden nur dann doppelt verwendet, wenn es unbedingt notwendig ist.
Fokus sichtbar	Für Seitenelemente ist ein sichtbarer Indikator vorhanden, wenn sie Tastaturfokus erhalten.
Fokus nicht verdeckt	Elemente mit Tastaturfokus sind vollständig sichtbar.
Ziehbewegungen	Aktionen, die Ziehen mit dem Zeiger erfordern, können auch mit einem einzelnen Zeiger ausgeführt werden.
Zielgröße	Zeigerflächen sind mindestens 24 x 24 Pixel groß, sofern nicht anders angegeben.
Sprache von Teilen/Seite	Die Sprache der Seiten ist über das 'lang'-Attribut leicht erkennbar.
Konsistente Navigation	Elemente, die sich auf einer Webseite wiederholen (z. B. eine Suchleiste), sind auf einzelnen Webseiten konsistent beschriftet.
Fehlervorschlag	Wenn ein Fehler erkannt wird, werden Vorschläge zur Behebung des Problems zeitnah und barrierefrei bereitgestellt.
Fehlervermeidung	Wenn ein Nutzer finanzielle, rechtliche oder Testdaten ändert oder löscht, kann die Aktion bei Bedarf rückgängig gemacht, bestätigt oder überprüft werden.
Übermäßige Authentifizierung	Kognitive Funktionen sind bei Authentifizierungsprozessen nicht erforderlich, es sei denn, sie können auf andere Weise abgeschlossen, umgangen oder die Identifizierung von Nicht-Text-Inhalten vom Nutzer bereitgestellt werden (z. B. vom Nutzer bereitgestelltes Bild).
Statusmeldungen	Statusmeldungen werden für Screenreader über Live-Regionen oder ARIA-Alerts angekündigt.

WCAG-Checkliste Stufe AAA

Stufe AAA stellt das höchste Maß an Barrierefreiheit dar. Die meisten Organisationen streben keine vollständige Konformität mit Stufe AAA an, aber einzelne AAA-Kriterien können dort umgesetzt werden, wo es möglich ist.

Erfolgskriterien	Beschreibung	Erledigt
Gebärdensprache	Für Medien mit Audio wird eine Gebärdensprachdolmetschung bereitgestellt.
Erweiterte Audiodeskription	Wenn das Originalvideo nicht genügend Pausen enthält und nicht für Audiodeskription optimiert ist, wird ein separates Video mit ausreichenden Pausen und Audiodeskriptionen bereitgestellt.
Medienalternative	Vorab aufgezeichnete Medien enthalten ein beschreibendes Transkript.
Nur-Audio	Für Live-Inhalte mit Audio wird ein beschreibender Text bereitgestellt.
Zweck identifizieren	ARIA wird verwendet, um HTML-Semantik zu erweitern, sodass Nutzer den Zweck von Interface-Elementen leichter verstehen können.
Kontrast	Bilder und Text haben ein Farbkontrastverhältnis von 7:1.
Wenig oder kein Hintergrundaudio	Audioinhalte haben wenig bis keine Hintergrundgeräusche, sodass sie leicht unterscheidbar sind.
Visuelle Präsentation	Textblöcke, die länger als ein Satz sind, sind: weniger als 80 Zeichen breit, nicht voll ausgerichtet, haben ausreichenden Zeilenabstand, verwenden geeignete Vorder- und Hintergrundfarben und erfordern kein horizontales Scrollen, wenn die Größe verdoppelt wird.
Bilder von Text	Text innerhalb eines Bildes wird nur zu Dekorationszwecken oder wenn die Information nicht allein durch Text dargestellt werden kann, verwendet.
Tastatur	Alle Funktionen sind über die Tastatur verfügbar.
Keine Zeitvorgaben	Es gibt keine Zeitlimits oder Einschränkungen für Seiteninhalte oder Funktionen.
Unterbrechungen	Unterbrechungen wie Benachrichtigungen oder Updates können vom Nutzer aufgeschoben werden.
Erneute Authentifizierung	Nutzer können eine Seite erneut authentifizieren und Aktivitäten fortsetzen, ohne Daten zu verlieren.
Timeouts	Nutzer werden ausreichend vor Timeouts gewarnt, die zu Datenverlust führen können (es sei denn, Daten können länger als mehrere Stunden Inaktivität erhalten bleiben).
Drei Blitze	Kein Seiteninhalt blinkt dreimal pro Sekunde.
Animationen durch Interaktionen	Nicht-essenzielle Animationen und Bewegungen können von Nutzern deaktiviert werden.
Position	Eine Webseite, die Teil einer Sequenz von Webseiten ist, wird durch Breadcrumbs oder die Angabe von Sequenzschritten als solche gekennzeichnet.
Zweck des Links	Nutzer können den Zweck jedes Links allein anhand des Linktexts erkennen.
Abschnittsüberschriften	Abschnitte von Inhalten werden durch Überschriften gekennzeichnet.
Fokus nicht verdeckt (Erweitert)	Elemente mit Tastaturfokus sind vollständig sichtbar.
Fokus-Erscheinungsbild	Wenn benutzerdefinierte Indikatoren oder Hintergründe verwendet werden, beträgt der Kontrast zwischen fokussierten/nicht fokussierten Zuständen mindestens 3:1 und ist mindestens so groß wie der Bereich eines 2 Pixel dicken Rahmens um das Element.
Zielgröße	Klickbare Ziele sind 44 x 44 Pixel groß, sofern keine alternative Zielgröße bereitgestellt wird.
Gleichzeitige Eingabemechanismen	Inhalte sind nicht auf einen bestimmten Eingabetyp (z. B. nur Tastatur oder nur Touch) beschränkt und unterstützen alternative Eingaben.
Ungewöhnliche Wörter	Unbekannte oder mehrdeutige Wörter werden durch ein Glossar, eine Definitionenliste oder eine andere geeignete Methode erklärt.
Abkürzungen	Unbekannte Abkürzungen werden bei der ersten Verwendung ausgeschrieben und erklärt.
Leseniveau	Für anspruchsvolle Inhalte (in der Regel über dem Leseniveau der 9. Klasse) werden verständlichere Alternativen bereitgestellt.
Aussprache	Für Wörter, die für das Verständnis der Seite wesentlich sind, werden Aussprachehilfen bereitgestellt.
Änderung auf Anfrage	Wesentliche Änderungen (z. B. das Öffnen von Pop-up-Fenstern oder Änderungen des Tastaturfokus) werden vom Nutzer initiiert und können auf Wunsch deaktiviert werden.
Hilfe	Anleitungen oder Hinweise werden Nutzern bereitgestellt, die Unterstützung bei der Ausführung von Aufgaben benötigen.
Fehlervermeidung	Nutzer können nach dem Absenden von Informationen Eingaben rückgängig machen, überprüfen oder bestätigen.
Barrierefreie Authentifizierung (Erweitert)	Kognitive Funktionstests sind in keinem Schritt des Authentifizierungsprozesses erforderlich, es sei denn, der Test kann umgangen oder mit Unterstützung eines anderen Mechanismus abgeschlossen werden.

Was hat sich in WCAG 2.2 geändert: 9 neue Erfolgskriterien

WCAG 2.2 wurde vom W3C im Oktober 2023 veröffentlicht und fügte 9 neue Erfolgskriterien über die A-, AA- und AAA-Konformitätsstufen hinweg hinzu. Das Update legt einen starken Fokus auf Tastaturnavigation, Touch-Interaktion und Authentifizierung – Bereiche, in denen der vorherige Standard bedeutende Lücken hatte.

Ein Kriterium wurde ebenfalls entfernt: 4.1.1 Parsing, das mit dem Verhalten moderner Browser und HTML-Validierungspraktiken weitgehend überflüssig geworden war. Organisationen, die auf WCAG 2.1 AA-Konformität hinarbeiten, müssen ihre Seiten anhand dieser Ergänzungen bewerten, da sich die Anforderungen an die Umsetzung weiterentwickeln.

Neues Kriterium	Stufe/Was es hinzufügt
2.4.11 Fokus nicht verdeckt	AA; Feste Kopfzeilen, Overlays oder andere Seitenelemente dürfen fokussierte Komponenten nicht vollständig verdecken.
2.4.12 Fokus nicht verdeckt erweitert	AAA; Strengere Version: Kein Teil der fokussierten Komponente darf verdeckt sein.
2.4.13 Fokus-Erscheinungsbild	AAA; Fokusindikatoren müssen Mindestgröße und Kontrastschwellen erfüllen
2.5.7 Ziehbewegungen	AA; Jede Funktion, die Ziehen verwendet, muss auch mit einem einzelnen Zeiger (z. B. Klick oder Tippen) ausführbar sein.
2.5.8 Zielgröße Minimum	AA; Interaktive Ziele müssen mindestens 24x24 CSS-Pixel groß sein, mit begrenzten Ausnahmen.
3.2.6 Konsistente Hilfe	A; Hilfemechanismen (Kontaktinfo, Chat usw.) müssen auf allen Seiten an derselben Stelle erscheinen.
3.3.7 Doppelte Eingabe	A; Nutzer sollten Informationen, die sie bereits in derselben Sitzung angegeben haben, nicht erneut eingeben müssen.
3.3.8 Barrierefreie Authentifizierung	AA; Authentifizierungsschritte dürfen keine kognitiven Tests (wie Rätsel) ohne barrierefreie Alternative erfordern.
3.3.9 Barrierefreie Authentifizierung erweitert	AAA; Strengere Version; entfernt Ausnahmen, die auf AA-Ebene erlaubt sind.

Die Wettbewerbsdaten auf dieser Seite wurden zum Stand 1. November 2023 erhoben und können sich ändern oder aktualisiert werden. AudioEye übernimmt keine Gewähr für die Vollständigkeit oder Richtigkeit der Informationen auf dieser Seite.

WCAG bleibt der aktuelle Maßstab für die Einhaltung internationaler Barrierefreiheitsgesetze, aber Organisationen sollten mit der Planung zur Anpassung an WCAG 2.2 beginnen.

WCAG-Konformität und digitale Barrierefreiheitsgesetze

Jeder hat das Recht, auf Online-Inhalte zuzugreifen und diese zu nutzen – die oben aufgeführten Erfolgskriterien ermöglichen es Ihnen, eine barrierefreie, funktionale Umgebung für alle zu schaffen. Digitale Barrierefreiheit ist jedoch auch eine gesetzliche Verpflichtung weltweit. Die meisten internationalen Barrierefreiheitsgesetze verwenden WCAG als Standard für Barrierefreiheit, darunter:

Das Americans with Disabilities Act (ADA): Das ADA(opens in a new tab) verbietet Diskriminierung von Menschen mit Behinderungen in öffentlichen Räumen, wozu auch das Internet zählt. Die Nichteinhaltung der ADA-Anforderungen (einschließlich der Erstellung einer ADA-konformen Website) kann zu Klagen führen. Um den ADA zu erfüllen, müssen Sie die Anforderungen der WCAG 2.1 Stufe AA erfüllen.
Der European Accessibility Act (EAA): Ähnlich wie das ADA verlangt der EAA von allen öffentlichen Organisationen in der EU, barrierefreie Produkte und Dienstleistungen bereitzustellen. Wichtig zu beachten: Der EAA setzt die POUR-Prinzipien über WCAG; das Befolgen der WCAG-Prinzipien versetzt Sie jedoch in eine gute Position, um die POUR-Prinzipien zu erfüllen.
Das Accessibility for Ontarians with Disabilities Act (AODA): Nach dem AODA dürfen Unternehmen Menschen mit Behinderungen nicht diskriminieren „im Hinblick auf Waren, Dienstleistungen, Einrichtungen, Unterkünfte, Beschäftigung, Gebäude, Strukturen und Räumlichkeiten“. Das AODA verwendet ebenfalls WCAG 2.1 Stufe AA als Grundlage für die AODA-Konformität.

AudioEye: So erreichen Sie WCAG-Konformität mit Leichtigkeit

Ihre Website barrierefrei zu machen, muss nicht überwältigend sein. Die obige Checkliste gibt Ihnen eine solide Grundlage, aber bei so vielen WCAG-Erfolgskriterien – und einigen sehr technischen Details – kann es schwierig sein, jedes Problem selbst zu erkennen und zu beheben.

Hier kommt AudioEye ins Spiel. Wir sind die einzige Lösung, die KI-gestützte Automatisierung, Experten-Audits, und von Experten geschriebene individuelle Korrekturen in einer einzigen Plattform vereint und mehr WCAG-Erfolgskriterien abdeckt als jede andere Plattform. Und mit AudioEye Assurance erhalten Sie die einzige echte Rechtsgarantie der Branche. Das Ergebnis: 400 % mehr Schutz als reine Automatisierungslösungen und die niedrigste gültige Klagequote der Branche.

Bereit loszulegen? Die WCAG-Konformitätslösung von AudioEye ist direkt auf die Kriterien dieser Checkliste abgestimmt – erfahren Sie in unserem umfassenden WCAG-Leitfaden, wie AudioEye Unternehmen hilft, WCAG 2.1 AA-Konformität zu erreichen und aufrechtzuerhalten.

Möchten Sie sehen, wie barrierefrei Ihre bestehenden Inhalte sind? Nutzen Sie unseren kostenlosen Website Accessibility Checker. Oder vereinbaren Sie eine Demo und erleben Sie die gesamte AudioEye-Plattform in Aktion.

Häufig gestellte Fragen

Welche WCAG-Versionen gibt es?

Welche WCAG-Stufen gibt es?

Welche ist die aktuellste WCAG-Version?

Wann erscheint WCAG 3.0?

Was sind die vier Prinzipien der WCAG?

Was sind die Folgen einer Nicht-Konformität mit WCAG?

Was sind die neuen Erfolgskriterien in WCAG 2.2?

Artikel teilen

Die vollständige WCAG 2.1 AA Checkliste für Barrierefreiheit von Websites