WCAG-Check online: welche Kriterien ein Tool prüft und welche Sie selbst testen
Veröffentlicht am 15. Oktober 2026
Ein WCAG-Check online kann nur einen Teil der Erfolgskriterien automatisch prüfen: Von den 55 Kriterien der WCAG 2.2 in den Stufen A und AA hat die quelloffene Prüfbibliothek axe-core für 17 eine Regel, die einen Fehler sicher melden kann, für 4 weitere nur einen Hinweis zur Nachprüfung, und für 34 Kriterien gar keine Regel. Selbst bei den 17 prüft das Werkzeug meist nur einen Teilaspekt, etwa ob ein Bild einen Alternativtext hat, aber nicht, ob er etwas taugt.
Dieser Artikel zeigt Kriterium für Kriterium, was ein Tool in Ihrem Shop sehen kann und was Sie selbst prüfen müssen. Warum für einen Onlineshop die Stufen A und AA der Maßstab sind und wie Sie eine Prüfung insgesamt aufbauen, steht in der Übersicht Website auf Barrierefreiheit prüfen: Checkliste für Onlineshops. Ob Ihr Shop überhaupt unter das Gesetz fällt und welche Arten von Checks es gibt, klärt der Ratgeber BFSG-Check für Onlineshops.
Wie wir gezählt haben
Grundlage sind zwei Quellen, die wir am 15.10.2026 gelesen haben:
- Die Kriterien: Die WCAG 2.2 in der Fassung vom 12. Dezember 2024 enthalten in den Stufen A und AA 56 Erfolgskriterien. Eines davon, 4.1.1 Syntaxanalyse, ist dort als „Obsolete and removed“ gekennzeichnet. Es bleiben 55. Die FAQ der Bundesfachstelle Barrierefreiheit nennt für Websites die Norm EN 301 549, die heute auf die Konformitätsstufen A und AA der WCAG 2.1 verweist, und kündigt an, dass die aktualisierte Fassung auf die WCAG 2.2 verweisen wird.
- Die Regeln eines Prüfwerkzeugs: axe-core ist eine quelloffene Prüfbibliothek für automatische Barrierefreiheitstests. Ihre Regelliste auf GitHub (Version 4.14.0) ordnet jeder Regel die WCAG-Kriterien zu, die sie betrifft, und gibt an, ob die Regel einen Fehler melden kann („failure“) oder nur Stellen zur Nachprüfung markiert („needs review“).
Gezählt haben wir nur die Regeln, die axe-core den WCAG-Stufen A und AA zuordnet. Experimentelle Regeln, veraltete Regeln und allgemeine Empfehlungen („Best Practices“) sind nicht mitgezählt. Andere Werkzeuge haben andere Regeln; die Größenordnung zeigt die Zählung trotzdem.
Kriterien und Fehler sind zwei verschiedene Maße. Die Entwickler von axe-core geben in ihrem README an, dass die Bibliothek „on average 57% of WCAG issues“ automatisch findet. Das bezieht sich auf gefundene Probleme, nicht auf Kriterien: Fehlende Alternativtexte und schwache Kontraste kommen sehr oft vor und lassen sich gut automatisch finden. Deshalb kann ein Tool mehr als die Hälfte der Fehler finden und trotzdem für knapp zwei Drittel der Kriterien blind sein. Für Ihren Shop heißt das nach unserer Lesart: Der automatische Check räumt die Masse der häufigen Fehler ab, die seltenen und oft schwereren Barrieren im Ablauf bleiben Handarbeit.
Die Übersicht in Zahlen
| Gruppe | Kriterien (A und AA) | Anteil an 55 |
|---|---|---|
| Tool kann einen Fehler sicher melden, prüft aber meist nur einen Teil | 17 | rund 31 Prozent |
| Tool markiert nur Stellen, die Sie nachprüfen müssen | 4 | rund 7 Prozent |
| Keine automatische Regel, nur von Hand prüfbar | 34 | rund 62 Prozent |
Quelle: eigene Auszählung der Regelliste von axe-core 4.14.0 gegen die WCAG 2.2, Stand 15.10.2026.
Gruppe 1: Das Tool meldet Fehler, aber nur einen Teil
Bei diesen 17 Kriterien findet ein automatischer Check echte Fehler. Die rechte Spalte zeigt, was trotzdem bei Ihnen bleibt.
| Kriterium | Stufe | Was das Tool prüft | Was Sie im Shop selbst prüfen |
|---|---|---|---|
| 1.1.1 Nicht-Text-Inhalt | A | ob Bilder, Bildschaltflächen und Grafiken überhaupt einen Alternativtext haben | ob der Text das Produkt beschreibt; „IMG_4711“ oder „Bild“ besteht die Regel und hilft niemandem |
| 1.3.1 Info und Beziehungen | A | ob Listen, Tabellen und ARIA-Strukturen technisch korrekt aufgebaut sind | ob Überschriften echte Überschriften sind und ob die Größentabelle als Tabelle ausgezeichnet ist |
| 1.3.5 Eingabezweck bestimmen | AA | ob ein vorhandenes autocomplete-Attribut gültig ist | ob Name, Adresse und E-Mail im Checkout überhaupt ein passendes autocomplete haben |
| 1.4.1 Benutzung von Farbe | A | ob Links im Fließtext sich nicht nur durch Farbe abheben | ob Pflichtfelder, Fehler, Lieferstatus oder ausverkaufte Varianten nur über Farbe erkennbar sind |
| 1.4.3 Kontrast (Minimum) | AA | ob Text das Verhältnis 4,5:1 erreicht, großer Text 3:1 | Text auf Produktfotos, Bannern und Verläufen, den das Tool unter Umständen nur zur Nachprüfung markiert |
| 1.4.4 Textgröße ändern | AA | ob das Zoomen im Code gesperrt ist | ob bei 200 Prozent Zoom Preis, Varianten und Bestellknopf lesbar und erreichbar bleiben |
| 1.4.12 Textabstand | AA | ob Abstände direkt im Element festgeschrieben sind | ob mit größerem Zeilen- und Buchstabenabstand Text abgeschnitten wird, etwa in Schaltflächen |
| 2.1.1 Tastatur | A | einzelne Code-Muster, etwa scrollbare Bereiche ohne Tastaturzugang | ob sich der ganze Kauf ohne Maus abschließen lässt, vom Menü bis zur Zahlungsart |
| 2.2.1 Zeitbegrenzung anpassbar | A | ob die Seite sich per Code verzögert neu lädt | ob Warenkorb oder Checkout nach kurzer Zeit ohne Warnung ablaufen |
| 2.2.2 Pausieren, beenden, ausblenden | A | nur die veralteten Elemente blink und marquee | ob sich Slider, Laufbänder und Countdowns anhalten lassen |
| 2.4.2 Seite mit Titel | A | ob ein nicht leerer Seitentitel existiert | ob der Titel die Seite beschreibt, etwa Produktname statt immer nur Shopname |
| 2.4.4 Linkzweck (im Kontext) | A | ob jeder Link einen Namen hat | ob „Mehr“ oder „Hier“ im Zusammenhang verständlich ist |
| 2.5.3 Beschriftung im Namen | A | ob der sichtbare Text einer Schaltfläche in ihrem zugänglichen Namen steckt | Schaltflächen, die nur ein Symbol und einen versteckten Namen haben |
| 2.5.8 Zielgröße (Minimum) | AA | ob Klickziele 24 mal 24 CSS-Pixel groß sind oder genug Abstand haben | die Ausnahmen, etwa ob es dieselbe Funktion an anderer Stelle in ausreichender Größe gibt |
| 3.1.1 Sprache der Seite | A | ob eine gültige Seitensprache gesetzt ist | ob sie stimmt, etwa „de“ statt „en“ aus einem englischen Theme |
| 3.1.2 Sprache von Teilen | AA | ob gesetzte Sprachangaben gültige Werte haben | ob fremdsprachige Abschnitte, etwa englische Produkttexte, überhaupt ausgezeichnet sind |
| 4.1.2 Name, Rolle, Wert | A | ob Schaltflächen, Formularfelder, Auswahllisten und eingebettete Rahmen einen Namen haben und ARIA richtig verwendet ist | ob eigene Bedienelemente wie Farbauswahl oder Mengenregler ihren Zustand ansagen, etwa „Größe M, ausgewählt“ |
Gruppe 2: Das Tool markiert nur Stellen zur Nachprüfung
Bei diesen vier Kriterien hat axe-core nur Regeln vom Typ „needs review“. Das README von axe-core beschreibt solche Ergebnisse als „incomplete“: Das Werkzeug war sich nicht sicher, ein Mensch muss nachsehen.
| Kriterium | Stufe | Was das Tool markiert | Was Sie im Shop selbst prüfen |
|---|---|---|---|
| 1.2.2 Untertitel (aufgezeichnet) | A | Videos, bei denen es keine Untertitelspur findet | ob Produktvideos mit Ton Untertitel haben und ob diese stimmen |
| 1.4.2 Audio-Steuerelement | A | Videos und Audios, die automatisch mit Ton starten | ob sich der Ton sofort stoppen oder leiser stellen lässt |
| 2.4.1 Blöcke umgehen | A | Seiten ohne erkennbaren Weg, die Navigation zu überspringen | ob es einen funktionierenden Weg gibt, die Navigation zu überspringen, etwa einen Sprunglink „Zum Inhalt“ |
| 3.3.2 Beschriftungen oder Anweisungen | A | Felder mit mehreren Beschriftungen | ob jedes Feld im Checkout sagt, was hinein soll, etwa das Format der Telefonnummer |
Gruppe 3: Keine Regel in axe-core, nur Ihre eigene Prüfung
Für diese 34 Kriterien hat axe-core keine Regel in den Stufen A und AA. Ein automatischer Check meldet hier nichts, auch wenn Ihr Shop an diesen Stellen Barrieren hat. Ein fehlerfreies Ergebnis sagt über diese Kriterien also nichts aus.
| Kriterium | Stufe | So prüfen Sie es im Shop |
|---|---|---|
| 1.2.1 Reine Audio- und Videoinhalte | A | Nur bei Videos ohne Ton oder Audios ohne Bild: Gibt es eine Textbeschreibung? |
| 1.2.3 Audiodeskription oder Medienalternative | A | Nur bei Videos: Wird Wichtiges, das nur zu sehen ist, beschrieben oder als Text angeboten? |
| 1.2.4 Untertitel (live) | AA | Nur bei Livestreams, etwa Live-Shopping: Gibt es Live-Untertitel? |
| 1.2.5 Audiodeskription (aufgezeichnet) | AA | Nur bei Videos: Gibt es eine Audiodeskription für Inhalte, die nur zu sehen sind? |
| 1.3.2 Bedeutungstragende Reihenfolge | A | Mit Screenreader: Wird die Produktseite in einer sinnvollen Reihenfolge vorgelesen, Preis beim Produkt? |
| 1.3.3 Sensorische Eigenschaften | A | Steht irgendwo „Klicken Sie auf den grünen Button rechts“ ohne weitere Beschreibung? |
| 1.3.4 Ausrichtung | AA | Smartphone drehen: Funktioniert der Shop im Hoch- und im Querformat? |
| 1.4.5 Bilder von Text | AA | Stehen Aktionen, Rabatte oder Versandbedingungen nur als Text im Bild? |
| 1.4.10 Umbruch | AA | Browserfenster auf 320 CSS-Pixel Breite (etwa 400 Prozent Zoom): Kommt man ohne seitliches Scrollen durch den Checkout? |
| 1.4.11 Nicht-Text-Kontrast | AA | Haben Feldränder, Checkboxen, Symbole und der Fokusrahmen mindestens 3:1 Kontrast zum Hintergrund? |
| 1.4.13 Eingeblendeter Inhalt bei Hover oder Fokus | AA | Lassen sich Mega-Menüs und Tooltips schließen, ohne die Maus zu bewegen, und bleiben sie sichtbar, wenn man darüberfährt? |
| 2.1.2 Keine Tastaturfalle | A | Kommen Sie per Tastatur aus Cookie-Banner, Newsletter-Popup, Chatfenster und Zahlungsfenster wieder heraus? |
| 2.1.4 Tastaturkürzel | A | Löst ein einzelner Buchstabe eine Aktion aus, etwa „S“ für die Suche? Dann muss er sich abschalten oder umbelegen lassen oder nur wirken, solange das zugehörige Element den Fokus hat. |
| 2.3.1 Dreimaliges Blitzen | A | Blinkt etwas mehr als dreimal pro Sekunde, etwa ein Sale-Banner oder ein Video? |
| 2.4.3 Fokus-Reihenfolge | A | Mit Tab durch die Produktseite: Springt der Fokus logisch, oder nach „In den Warenkorb“ in die Fußzeile? |
| 2.4.5 Verschiedene Methoden | AA | Finden Kunden Produkte auf mehr als einem Weg, etwa über Menü und Suche? |
| 2.4.6 Überschriften und Beschriftungen | AA | Beschreiben Überschriften und Feldbeschriftungen ihren Inhalt? |
| 2.4.7 Fokus sichtbar | AA | Sehen Sie bei jedem Tab, wo Sie sind, auch auf farbigen Schaltflächen? |
| 2.4.11 Fokus nicht verdeckt (Minimum) | AA | Verdecken fester Header, Cookie-Banner oder Chat-Symbol das fokussierte Element vollständig? |
| 2.5.1 Zeigergesten | A | Braucht der Bildzoom oder die Galerie Wischen oder zwei Finger, ohne Alternative per einfachem Tippen? |
| 2.5.2 Zeigerabbruch | A | Löst ein Knopf schon beim Drücken aus statt beim Loslassen, sodass man ein Fehltippen nicht abbrechen kann? |
| 2.5.4 Auslösen durch Bewegung | A | Reagiert etwas auf Schütteln oder Neigen des Geräts? Dann braucht es eine Alternative und muss abschaltbar sein. |
| 2.5.7 Ziehbewegungen | AA | Lässt sich ein Preisfilter mit Schieberegler auch ohne Ziehen bedienen, etwa mit Eingabefeldern oder Tippen? |
| 3.2.1 Bei Fokus | A | Öffnet sich etwas oder wechselt die Seite, nur weil ein Element den Fokus bekommt? |
| 3.2.2 Bei Eingabe | A | Lädt die Seite neu oder springt zu einer anderen Variante, sobald Sie in einer Auswahlliste etwas wählen, ohne Hinweis vorab? |
| 3.2.3 Konsistente Navigation | AA | Steht die Navigation auf allen Seiten in derselben Reihenfolge? |
| 3.2.4 Konsistente Erkennung | AA | Heißen gleiche Funktionen überall gleich, etwa nicht einmal „Warenkorb“ und einmal „Tasche“? |
| 3.2.6 Konsistente Hilfe | A | Stehen Kontaktdaten, Kontaktformular, FAQ oder Chat auf allen Seiten in derselben Reihenfolge relativ zum übrigen Inhalt? |
| 3.3.1 Fehlererkennung | A | Pflichtfeld leer lassen: Wird der Fehler in Text benannt und nicht nur rot umrandet? |
| 3.3.3 Fehlerempfehlung | AA | Sagt die Fehlermeldung bei falscher Postleitzahl oder IBAN, wie es richtig geht? |
| 3.3.4 Fehlervermeidung (rechtlich, finanziell, Daten) | AA | Können Kunden die Bestellung vor dem Absenden prüfen und korrigieren, oder wird sie geprüft, bestätigt oder ist umkehrbar? |
| 3.3.7 Redundante Eingabe | A | Muss die Rechnungsadresse neu getippt werden, obwohl sie der Lieferadresse entspricht? |
| 3.3.8 Barrierefreie Authentifizierung (Minimum) | AA | Lässt das Kundenkonto Passwortmanager und Einfügen zu? Gibt es zu einem Rätsel-Captcha eine Alternative? |
| 4.1.3 Statusmeldungen | AA | Mit Screenreader: Wird „Artikel wurde in den Warenkorb gelegt“ oder „3 Treffer“ angesagt, ohne dass der Fokus springt? |
Die Prüfschritte in dieser Tabelle sind unsere Übertragung der Kriterien auf typische Shopseiten, kein vollständiger Prüfschritt im Sinne eines Prüfverfahrens. Den genauen Wortlaut jedes Kriteriums finden Sie über den Link bei der WCAG.
Was das für die neuen Kriterien aus WCAG 2.2 bedeutet
Das W3C nennt in seiner Übersicht zu WCAG 2.2 sechs neue Kriterien in den Stufen A und AA: 2.4.11, 2.5.7, 2.5.8, 3.2.6, 3.3.7 und 3.3.8. Nach unserer Auszählung hat axe-core nur für eines davon eine Regel, für 2.5.8 Zielgröße. Fokus hinter dem Cookie-Banner, Schieberegler ohne Alternative, wechselnde Position der Hilfe, doppelte Adresseingabe und Login ohne Passwortmanager findet axe-core also nicht automatisch. Genau diese Kriterien betreffen Login, Adresse und Checkout. Wirbt ein Werkzeug mit „WCAG 2.2“, heißt das deshalb nicht, dass es die neuen Anforderungen automatisch prüft.
So lesen Sie das Ergebnis Ihres WCAG-Checks
- Fehler beheben, dann die rechte Spalte abarbeiten. Was das Tool in Gruppe 1 als Fehler meldet, ist in aller Regel ein echter Fund. Danach prüfen Sie für dieselben Kriterien, was das Tool nicht sehen kann.
- Hinweise nicht übergehen. Zeigt Ihr Werkzeug Stellen „zur Prüfung“ oder „unvollständig“ an, sehen Sie sich jede an. Das W3C schreibt in seiner Anleitung zur Auswahl von Prüfwerkzeugen: „Tools cannot check all accessibility aspects automatically. Human judgement is required.“ Und weiter: „Sometimes evaluation tools can produce false or misleading results.“
- Null Fehler heißt nicht barrierefrei. Ein leeres Ergebnis sagt nur, dass die Regeln nichts gefunden haben. Für die 34 Kriterien aus Gruppe 3 hat axe-core keine Regel, die etwas finden könnte.
- Gruppe 3 in einem Durchgang eingrenzen. Viele Punkte aus Gruppe 3 prüfen Sie in einem einzigen Durchgang: Maus weglegen, mit Tab von der Startseite bis zur Zahlungsauswahl gehen, einmal ein Pflichtfeld leer lassen, dann den Browser auf 400 Prozent zoomen. Notieren Sie jede Stelle, an der Sie hängen bleiben, mit Seite und Kriterium.
Wie Sie die Funde danach in eine sinnvolle Reihenfolge bringen und im Shopsystem beheben, beschreibt der Fahrplan, um Ihre Website barrierefrei zu machen.
Ihr nächster Schritt
Machen Sie den automatischen Teil sofort: mit dem kostenlosen Scan. Er prüft Startseite, Produktseite und Warenkorb automatisch gegen die Regeln der WCAG 2.2 und zeigt, ob Barrierefreiheitserklärung und Meldeweg verlinkt sind. Wie jeder automatische Test findet er nur einen Teil der Barrieren; die Kriterien aus Gruppe 3 bleiben Ihre Prüfung mit der Tabelle oben.
Dieser Ratgeber ist keine Rechtsberatung. Im Zweifel klären Sie Ihren Fall mit der Bundesfachstelle Barrierefreiheit oder einer Anwältin oder einem Anwalt.
Stand: 15.10.2026. Quellen gelesen am 15.10.2026.