WCAG-Check für Ihre Website

Was der WCAG-Check macht

Ein Check öffnet Ihre Seite einmal in einem Browser ohne Fenster und lässt in dieser Sitzung drei Durchläufe darüber laufen:

• Technik: die Open-Source-Engine axe-core in der Version 4.11.3 prüft den geladenen Seiteninhalt mit 90 Regeln. Davon tragen 28 kein Erfolgskriterium: sie sind bewährte Praxis, etwa eine sinnvolle Überschriftenfolge. Die Regel für die Zielgröße (2.5.8) ist zusätzlich eingeschaltet, Regeln, die axe-core als experimentell oder veraltet führt, laufen nicht.
• Darstellung: dieselbe geladene Seite wird in acht Darstellungen gemessen und aufgenommen. Dort laufen 8 Prüfungen: Umfluss, abgeschnittener und überlappender Text, Zielgrößen am Smartphone, Kontraste im Dunkelmodus und Farbunterschiede, die bei einer Farbsehschwäche verschwinden.
• KI-Analyse (optional): wenn Sie sie aktivieren, beurteilen 6 weitere Prüfungen den Screenshot und das Markup, etwa ob ein Alternativtext zum Bild passt oder ob die sichtbare Beschriftung im zugänglichen Namen vorkommt.

Wie die Durchläufe im Einzelnen arbeiten, welche Daten dabei übertragen werden und wie der Score entsteht, steht unter So funktioniert der automatisierte Test.

Welche Fassung und welche Stufe der Check abdeckt

Geprüft wird gegen WCAG 2.2, Stufen A und AA, soweit die Regeln das automatisch können. Zu den Regeln, die laufen, gehört auch die für 2.5.8 Zielgröße (Minimum), ein Kriterium, das erst WCAG 2.2 eingeführt hat. Wer WCAG 2.2 AA erfüllt, erfüllt auch WCAG 2.1 AA.

Diese Übersicht zielt auf die Stufen A und AA; Stufe AAA beurteilt der Check nicht umfassend. Die Regel für den erhöhten Kontrast von 7:1 ist in axe-core abgeschaltet und läuft hier nicht. Einzelne Regeln, die laufen, sind zusätzlich für Kriterien außerhalb der Stufen A und AA gekennzeichnet, derzeit für 2.1.3; die Tabelle führt diese Kriterien nicht auf.

Was das Ergebnis zeigt

Das Ergebnis besteht aus einem Score von 0 bis 100 und der Liste der Befunde. Der Score startet bei 100 und zieht je verletzter Regel ab, abhängig vom Schweregrad; mehrere Vorkommen derselben Regel zählen gedämpft. Befunde der Darstellungsprüfungen zählen wie alle anderen mit.

Ein Befund ist nach Regel gruppiert, nicht nach Erfolgskriterium. Immer zu sehen sind der Schweregrad, ein Titel in einfachen Worten und die Stellen, an denen der Befund vorkommt. Je nach Befund kommen dazu: wen es betrifft, ein Hinweis zur Behebung, die Markierung der Stelle auf der Seitenansicht, sofern die Stelle lokalisiert ist, und, aufgeklappt, die Regel-Kennung, das Element, der Code-Ausschnitt, die Messung und ein Link zur englischen Erklärung der Regel. Welche dieser Angaben erscheinen, hängt davon ab, was die Prüfung geliefert hat.

Die Nummer des Erfolgskriteriums steht nicht am einzelnen Befund. Welche Kriterien die Durchläufe berühren, zeigt die folgende Tabelle.

Diese Erfolgskriterien prüft der Check automatisch

WCAG 2.2 hat 55 Erfolgskriterien in den Stufen A und AA. Der Check berührt 21 davon, mit der optionalen KI-Analyse 22. Die übrigen 33 berührt kein Durchlauf dieses Checks.

Die Spalte „Geprüft von“ nennt den Durchlauf, der das Kriterium berührt: Technik, Darstellung oder die optionale KI-Analyse. „Kein Durchlauf“ heißt, dass dieser Check das Kriterium nicht prüft. Berührt heißt teilweise geprüft: Keine Regel entscheidet ein Kriterium vollständig, sie findet, was messbar ist, und lässt den Rest offen. Ein Kriterium ohne Befund ist deshalb nicht automatisch als erfüllt nachgewiesen.

Die Tabelle wird aus den Regeln erzeugt, die der Scanner ausführt, und bei jeder Änderung an axe-core oder an den Prüfungen neu erstellt. Die deutschen Bezeichnungen der Erfolgskriterien folgen der Übersetzung von Sandra Kallmeyer.

Was der Check nicht prüfen kann

Offen bleiben die 33 Kriterien, die kein Durchlauf dieses Checks berührt, und bei den teilweise geprüften alles, was keine Regel messen kann. Beides fragt nach Sinn, nach Reihenfolge oder nach dem Verhalten im Gebrauch; beurteilen kann das jemand, der die Seite benutzt und liest. Dazu gehören:

• Tastatur: ob jeder Ablauf ohne Maus zu bedienen ist, in sinnvoller Reihenfolge und mit sichtbarem Fokus, der nicht verdeckt wird.
• Screenreader: wie die Seite mit NVDA, JAWS oder VoiceOver klingt und ob Zustandsänderungen angesagt werden.
• Inhalt und Bedeutung: ob Überschriften und Beschriftungen den Inhalt beschreiben, ob Fehlermeldungen weiterhelfen, ob Untertitel und Audiodeskription vorhanden und richtig sind.
• Bedienung mit dem Zeiger: Gesten, Ziehbewegungen und alles, was nur im Gebrauch sichtbar wird, etwa Inhalt, der beim Überfahren erscheint.

Wie eine vollständige Prüfung aufgebaut ist, mit Stichprobe, Prüffragen zu allen 55 Kriterien und Maßnahmenplan, zeigt die kostenlose Vorlage für ein Barrierefreiheits-Audit.

Häufige Fragen zum WCAG-Check