WCAG AA Checkliste: alle 55 Kriterien für Onlineshops
Veröffentlicht am 25. Oktober 2026
Für WCAG Stufe AA muss Ihr Onlineshop alle 55 Erfolgskriterien der Stufen A und AA der WCAG 2.2 erfüllen: 31 auf Stufe A und 24 auf Stufe AA. Unten stehen alle 55 als Checkliste, jeweils mit Link auf die Erklärung des W3C, was das Kriterium im Shop verlangt, wie Sie es prüfen und ob ein automatisches Werkzeug dabei hilft.
Warum Stufe AA der Maßstab ist und welche WCAG-Version BFSG und EN 301 549 meinen, erklärt die Übersicht WCAG 2.2 für Onlineshops verständlich erklärt. Hier geht es um die Arbeit selbst: Liste ausdrucken oder kopieren, Kriterium für Kriterium durchgehen, Ergebnis notieren.
Die Zahlen, selbst gezählt
Wir haben die Stufenangaben der einzelnen Kriterien in den Empfehlungen des W3C am 25.10.2026 ausgezählt: WCAG 2.2 in der Fassung vom 12. Dezember 2024, WCAG 2.1 in der Fassung vom 6. Mai 2025 und WCAG 2.0.
| Version | Stufe A | Stufe AA | A und AA zusammen | Stufe AAA |
|---|---|---|---|---|
| WCAG 2.0 | 25 | 13 | 38 | 23 |
| WCAG 2.1 | 30 | 20 | 50 | 28 |
| WCAG 2.2 | 31 | 24 | 55 | 31 |
So kommen die 55 zustande: WCAG 2.1 hat 50 Kriterien auf A und AA, einschließlich 4.1.1 Parsing. WCAG 2.2 übernimmt 49 davon, streicht 4.1.1 und fügt sechs neue hinzu, zwei auf Stufe A (3.2.6, 3.3.7) und vier auf Stufe AA (2.4.11, 2.5.7, 2.5.8, 3.3.8). So steht es im Abschnitt Comparison with WCAG 2.1. In WCAG 2.2 steht 4.1.1 noch mit dem Vermerk „Obsolete and removed“, aber ohne Stufe. Deshalb zählt es dort nicht mit.
Wer im Netz andere Zahlen liest, etwa 50 oder 56, liest meist eine Liste, die 4.1.1 mitzählt oder nach WCAG 2.1 zählt. Für WCAG 2.2 Stufe AA sind es 55.
Was die Stufe AA genau verlangt
Drei Regeln aus den Konformitätsanforderungen der WCAG 2.2 sind für Ihre Prüfung wichtig:
- A und AA zusammen. Eine Seite erfüllt Stufe AA, wenn sie alle Kriterien der Stufen A und AA erfüllt. Ein einziges nicht erfülltes A-Kriterium reicht, damit die Seite nicht AA-konform ist.
- Der ganze Kaufvorgang. Gehört eine Seite zu einem Prozess, müssen alle Seiten dieses Prozesses die Stufe erfüllen. Das W3C nennt als Beispiel ausdrücklich einen Onlineshop: Alle Seiten von der Produktauswahl bis zum Checkout müssen konform sein (5.2.3 Complete processes). Ein eingebundenes Zahlungsfenster eines Anbieters gehört nach unserer Lesart dazu.
- Was nicht vorkommt, ist erfüllt. Gibt es auf einer Seite keinen Inhalt, für den ein Kriterium gilt, ist das Kriterium erfüllt (Understanding Conformance). Haben Sie weder Videos noch Audiodateien, sind die Kriterien 1.2.1 bis 1.2.5 für Sie erfüllt. Notieren Sie dann „nicht zutreffend“ statt sie wegzulassen, damit Ihr Protokoll vollständig ist.
Welche Version Sie für EN 301 549 brauchen
Die europäische Norm EN 301 549 übernimmt die WCAG-Kriterien als eigene Abschnitte. Die Nummer bildet sich einfach: eine 9 vor die WCAG-Nummer. Aus 1.4.3 wird Abschnitt 9.1.4.3, aus 2.4.11 wird 9.2.4.11. So lässt sich jede Zeile der Checkliste unten einer Normstelle zuordnen.
| EN 301 549 V3.2.1 | EN 301 549 V4.1.1 | |
|---|---|---|
| Datum | März 2021 | September 2026 |
| Webseiten, Abschnitte 9.1 bis 9.4 | Kriterien der WCAG 2.1, Stufen A und AA | Kriterien der WCAG 2.2, Stufen A und AA |
| 4.1.1 Parsing | als Abschnitt 9.4.1.1 noch enthalten | Abschnitt 9.4.1.1 „Void“ |
| Zusätzlich | keine Entsprechung | Abschnitt 9.7: Webseiten dürfen Darstellungsmodi des Browsers, die Nutzereinstellungen umsetzen, nicht blockieren und Einstellungen von Bedienungshilfen wie Farbfilter, Kontrast oder Textgröße nicht ausdrücklich überschreiben, außer das ist wesentlich |
| Quelle | ETSI, V3.2.1 (PDF) | ETSI, V4.1.1 (PDF), Abschnitte 9.0 und 9.7 |
V4.1.1 sagt in Abschnitt 9.0 selbst, dass Konformität mit WCAG 2.2 Stufe AA den Abschnitten 9.1 bis 9.4 zusammen mit den Konformitätsanforderungen in Abschnitt 9.6 entspricht. Für WCAG 2.1 Stufe AA nennt sie dieselben Abschnitte ohne die sechs neuen Kriterien.
Welche Fassung heute zählt: Die Bundesfachstelle Barrierefreiheit verweist in ihren FAQ zum BFSG darauf, dass die Norm für Websites auf Erfolgskriterien der Konformitätsstufen A und AA der WCAG 2.1 verweist, und kündigt an, dass die für das BFSG aktualisierte Fassung auf die WCAG 2.2 verweisen wird. Eine Vermutung, dass Ihr Shop die Anforderungen erfüllt, entsteht nach § 4 BFSG erst durch harmonisierte Normen, deren Fundstelle im Amtsblatt der EU veröffentlicht ist. V4.1.1 schreibt selbst, dass diese Wirkung erst eintritt, sobald sie unter der Richtlinie (EU) 2019/882 im Amtsblatt zitiert ist. Eine solche Veröffentlichung haben wir am 25.10.2026 nicht gefunden; den aktuellen Stand nennt die Bundesfachstelle auf ihrer Seite Normen und Standards zum BFSG.
Für die Praxis heißt das nach unserer Lesart: Prüfen Sie nach der Liste unten, also nach WCAG 2.2 Stufe AA. Damit decken Sie alle Kriterien der WCAG 2.1 Stufe AA außer 4.1.1 ab. Brauchen Sie einen Nachweis ausdrücklich nach WCAG 2.1 oder EN 301 549 V3.2.1, prüfen Sie 4.1.1 zusätzlich (siehe Prinzip 4).
So arbeiten Sie mit der Checkliste
- Seiten festlegen. Prüfen Sie jedes Kriterium mindestens auf Startseite, einer Kategorieseite, einer Produktseite, dem Warenkorb, allen Checkout-Schritten bis zur Zahlungsauswahl, Login und Registrierung sowie Ihrer Barrierefreiheitserklärung.
- Spalte „Neu seit“. Sie zeigt, mit welcher WCAG-Version das Kriterium auf A oder AA dazukam. Haben Sie schon einen Bericht nach WCAG 2.1, prüfen Sie die Zeilen mit „2.2“ nach.
- Spalte „Werkzeug“. Sie zeigt, ob die quelloffene Prüfbibliothek axe-core für das Kriterium eine Regel hat. Grundlage ist unsere Auszählung ihrer Regelliste in Version 4.14.0 am 25.10.2026: „teilweise“ heißt, das Werkzeug kann einen Fehler melden, prüft aber meist nur einen Teil des Kriteriums (17 Kriterien); „Hinweis“ heißt, es markiert nur Stellen zur Nachprüfung (4); „nein“ heißt, es hat keine Regel (34). Andere Werkzeuge haben andere Regeln. Was das Werkzeug bei den 17 und den 4 Kriterien jeweils sieht und was nicht, zeigt der Ratgeber WCAG-Check online: welche Kriterien ein Tool prüft.
- Ergebnis notieren. Je Kriterium und Seite: erfüllt, nicht erfüllt oder nicht zutreffend, dazu Datum und eine kurze Notiz zur Fundstelle.
Die deutschen Namen der Kriterien sind unsere Übersetzung; der Link führt jeweils auf das englische Understanding-Dokument des W3C, das erklärt, was gemeint ist. Die Prüfschritte sind unsere Übertragung auf typische Shopseiten, kein vollständiges Prüfverfahren.
Prinzip 1: Wahrnehmbar (20 Kriterien)
| Kriterium | Stufe | Neu seit | Was es im Shop verlangt | So prüfen Sie | Werkzeug |
|---|---|---|---|---|---|
| 1.1.1 Nicht-Text-Inhalt | A | 2.0 | Produktfotos, Logo, Zahlungslogos und Symbolschaltflächen wie Lupe oder Warenkorb haben einen passenden Textersatz; reine Zierbilder einen leeren | Werkzeug für fehlende Texte, dann auf zwei Produktseiten lesen, ob der Text das Produkt beschreibt | teilweise |
| 1.2.1 Reine Audio- und reine Videoinhalte (aufgezeichnet) | A | 2.0 | Ein Video ohne Ton oder ein Audio ohne Bild hat eine Textfassung, etwa ein stummes Produktvideo eine Beschreibung | Nur wenn vorhanden: Gibt es neben dem Medium eine Textbeschreibung? | nein |
| 1.2.2 Untertitel (aufgezeichnet) | A | 2.0 | Produkt- und Anleitungsvideos mit Sprache haben Untertitel | Video abspielen, Untertitel einschalten, ein Stück mitlesen | Hinweis |
| 1.2.3 Audiodeskription oder Medienalternative (aufgezeichnet) | A | 2.0 | Was im Video nur zu sehen ist, etwa Handgriffe einer Aufbauanleitung, wird gesprochen beschrieben oder als Text angeboten | Video nur anhören: Fehlt etwas Wichtiges, und gibt es dafür einen Text? | nein |
| 1.2.4 Untertitel (live) | AA | 2.0 | Live-Shopping und andere Livestreams haben Live-Untertitel | Nur bei Livestreams: Laufen Untertitel mit? | nein |
| 1.2.5 Audiodeskription (aufgezeichnet) | AA | 2.0 | Auf Stufe AA reicht ein Text allein nicht mehr: Wichtige Bildinhalte eines Videos müssen in der Tonspur beschrieben sein | Video mit geschlossenen Augen anhören: Wird alles Wichtige gesagt? | nein |
| 1.3.1 Info und Beziehungen | A | 2.0 | Überschriften sind echte Überschriften, die Größentabelle ist eine Tabelle, jedes Formularfeld ist mit seiner Beschriftung verknüpft | Werkzeug für Code-Fehler, dann mit einer Überschriften-Übersicht oder dem Screenreader die Struktur der Produktseite ansehen | teilweise |
| 1.3.2 Bedeutungstragende Reihenfolge | A | 2.0 | Vorgelesen ergibt die Seite Sinn, der Preis steht beim Produkt und nicht am Seitenende | Produktseite mit dem Screenreader von oben nach unten anhören | nein |
| 1.3.3 Sensorische Eigenschaften | A | 2.0 | Hinweise wie „Klicken Sie auf das grüne Symbol rechts“ nennen auch den Namen des Elements | Hilfetexte, Checkout und Fehlermeldungen auf Form-, Farb- und Ortsangaben lesen | nein |
| 1.3.4 Ausrichtung | AA | 2.1 | Der Shop funktioniert auf dem Smartphone hochkant und quer | Smartphone drehen, Produktseite und Checkout in beiden Lagen bedienen | nein |
| 1.3.5 Eingabezweck bestimmen | AA | 2.1 | Name, Adresse, E-Mail und Telefon im Checkout tragen die passende autocomplete-Angabe, damit der Browser ausfüllen kann | Checkout mit dem Autofill des Browsers ausfüllen: Landen die Daten im richtigen Feld? | teilweise |
| 1.4.1 Benutzung von Farbe | A | 2.0 | „Ausverkauft“, Pflichtfelder, Fehler und Links im Text sind nicht nur an der Farbe erkennbar | Seite in Graustufen ansehen, etwa über die Farbfilter des Betriebssystems | teilweise |
| 1.4.2 Audio-Steuerelement | A | 2.0 | Ton, der automatisch länger als 3 Sekunden läuft, lässt sich anhalten oder getrennt leiser stellen | Seiten laden: Startet irgendwo Ton von selbst? | Hinweis |
| 1.4.3 Kontrast (Minimum) | AA | 2.0 | Text hat mindestens 4,5:1 Kontrast, großer Text 3:1, auch Streichpreise, graue Hinweise und Text auf Bannern | Werkzeug, dann Text auf Bildern und Verläufen selbst messen | teilweise |
| 1.4.4 Text vergrößern | AA | 2.0 | Bei 200 Prozent Vergrößerung bleiben Text, Preis und Bestellknopf lesbar und bedienbar | Browser-Zoom auf 200 Prozent, Kaufvorgang einmal durchgehen | teilweise |
| 1.4.5 Bilder von Text | AA | 2.0 | Rabatte, Versandbedingungen und Aktionen stehen als echter Text da, nicht als Grafik; Logos sind ausgenommen | Versuchen Sie, den Text auf Bannern mit der Maus zu markieren | nein |
| 1.4.10 Umbruch | AA | 2.1 | Bei 320 CSS-Pixel Breite kommt man ohne seitliches Scrollen durch den Shop; Tabellen und Karten dürfen scrollen | Fenster auf 1280 Pixel Breite stellen, auf 400 Prozent zoomen, Checkout durchgehen | nein |
| 1.4.11 Nicht-Text-Kontrast | AA | 2.1 | Feldränder, Checkboxen, Symbole und Fokusrahmen heben sich mit mindestens 3:1 vom Hintergrund ab | Farbwerte von Rahmen und Symbolen mit einem Kontrastrechner prüfen | nein |
| 1.4.12 Textabstand | AA | 2.1 | Wer Zeilen-, Absatz-, Buchstaben- und Wortabstand vergrößert, verliert keinen Text, etwa in Schaltflächen oder Menüs | Die Werte aus dem Kriterium (Zeilenhöhe 1,5, Absatz 2, Buchstaben 0,12, Wörter 0,16 der Schriftgröße) mit einer Browsererweiterung setzen | teilweise |
| 1.4.13 Eingeblendeter Inhalt bei Hover oder Fokus | AA | 2.1 | Mega-Menü, Tooltip und Mini-Warenkorb lassen sich mit Esc schließen, bleiben stehen, wenn man mit der Maus hineinfährt, und verschwinden nicht von selbst | Mit Maus und Tastatur öffnen, Esc drücken, Maus in das eingeblendete Feld bewegen | nein |
Den Kontrast nach 1.4.3 und 1.4.11 rechnen Sie mit dem Ratgeber Farbkontrast nach WCAG prüfen: 4,5:1 erklärt selbst nach.
Prinzip 2: Bedienbar (20 Kriterien)
| Kriterium | Stufe | Neu seit | Was es im Shop verlangt | So prüfen Sie | Werkzeug |
|---|---|---|---|---|---|
| 2.1.1 Tastatur | A | 2.0 | Menü, Filter, Varianten, Menge, Warenkorb, Checkout und Zahlungsart sind ohne Maus bedienbar | Maus weglegen, mit Tab, Enter, Leertaste und Pfeiltasten einmal bis zur Zahlungsauswahl | teilweise |
| 2.1.2 Keine Tastaturfalle | A | 2.0 | Aus Cookie-Banner, Newsletter-Popup, Chat und Zahlungsfenster kommt man per Tastatur wieder heraus | Jeden Dialog per Tastatur öffnen und wieder verlassen | nein |
| 2.1.4 Tastaturkürzel | A | 2.1 | Kürzel aus einem einzelnen Buchstaben lassen sich abschalten oder umbelegen oder wirken nur, wenn das zugehörige Element den Fokus hat | Außerhalb eines Eingabefelds einzelne Buchstaben drücken: Passiert etwas? | nein |
| 2.2.1 Zeitbegrenzung anpassbar | A | 2.0 | Läuft eine Reservierung im Warenkorb oder die Sitzung im Checkout ab, wird vorher gewarnt und mindestens 20 Sekunden Zeit gegeben, mit einer einfachen Handlung zu verlängern; die anderen Wege nennt das Kriterium | Checkout offen lassen und beobachten; Shopsystem oder Agentur nach Zeitlimits fragen | teilweise |
| 2.2.2 Pausieren, beenden, ausblenden | A | 2.0 | Slider, Laufbänder und Animationen, die von selbst starten und länger als fünf Sekunden laufen, lassen sich anhalten | Startseite laden: Bewegt sich etwas, und gibt es einen Pausenknopf, der per Tastatur erreichbar ist? | teilweise |
| 2.3.1 Grenzwert von dreimaligem Blitzen | A | 2.0 | Nichts blitzt mehr als dreimal pro Sekunde, auch kein Sale-Banner oder Video | Animierte Banner und Videos ansehen | nein |
| 2.4.1 Blöcke umgehen | A | 2.0 | Es gibt einen Weg, wiederkehrende Navigation zu überspringen, etwa einen Sprunglink „Zum Inhalt“ | Seite laden, einmal Tab drücken: Erscheint ein Sprunglink, und funktioniert er? | Hinweis |
| 2.4.2 Seite mit Titel | A | 2.0 | Jeder Seitentitel nennt, worum es geht, etwa Produktname und Shopname | Titel im Browser-Tab auf Produkt-, Kategorie- und Checkout-Seiten lesen | teilweise |
| 2.4.3 Fokus-Reihenfolge | A | 2.0 | Der Fokus folgt der Bedienlogik; öffnet sich ein Dialog, springt der Fokus hinein | Mit Tab durch die Produktseite: Springt der Fokus irgendwo unerwartet weg? | nein |
| 2.4.4 Linkzweck (im Kontext) | A | 2.0 | Links wie „Mehr“ an Produktkacheln sind zusammen mit ihrem Umfeld verständlich | Links und Symbolschaltflächen ohne Bild ansehen, etwa in der Linkliste des Screenreaders | teilweise |
| 2.4.5 Verschiedene Methoden | AA | 2.0 | Produkte und Seiten sind auf mehr als einem Weg auffindbar, etwa über Menü und Suche; Schritte im Checkout sind ausgenommen | Ein Produkt über das Menü und über die Suche finden | nein |
| 2.4.6 Überschriften und Beschriftungen | AA | 2.0 | Überschriften und Feldbeschriftungen sagen, worum es geht | Überschriften-Übersicht und Formularfelder im Checkout lesen | nein |
| 2.4.7 Fokus sichtbar | AA | 2.0 | Bei jedem Tab-Schritt ist sichtbar, wo der Fokus steht, auch auf farbigen Schaltflächen | Mit Tab durch die Seite: Verlieren Sie den Fokus irgendwo aus den Augen? | nein |
| 2.4.11 Fokus nicht verdeckt (Minimum) | AA | 2.2 | Feste Kopfleiste, Cookie-Banner oder Chat-Symbol verdecken das fokussierte Element nie vollständig | Cookie-Banner stehen lassen und mit Tab durch die ganze Seite gehen | nein |
| 2.5.1 Zeigergesten | A | 2.1 | Bildzoom mit zwei Fingern oder Wischgalerien gehen auch mit einfachem Tippen, etwa über Pfeile oder Plus | Galerie und Zoom auf dem Smartphone mit nur einem Finger und ohne Wischen bedienen | nein |
| 2.5.2 Zeigerabbruch | A | 2.1 | Schaltflächen lösen erst beim Loslassen aus, damit man ein Fehltippen abbrechen kann | „In den Warenkorb“ drücken, gedrückt halten, vom Knopf wegziehen, loslassen: Es darf nichts passieren | nein |
| 2.5.3 Beschriftung im Namen | A | 2.1 | Der sichtbare Text einer Schaltfläche, etwa „Jetzt kaufen“, steckt in ihrem technischen Namen, damit Sprachsteuerung sie findet | Werkzeug, dann Schaltflächen mit Symbol und Text prüfen | teilweise |
| 2.5.4 Auslösen durch Bewegung | A | 2.1 | Was auf Schütteln oder Neigen reagiert, geht auch über eine Schaltfläche und lässt sich abschalten | Nur wenn vorhanden: Gibt es eine Alternative? | nein |
| 2.5.7 Ziehbewegungen | AA | 2.2 | Preisregler, Karussell und Sortieren per Ziehen gehen auch mit einzelnen Klicks, etwa über Eingabefelder oder Pfeile | Jede Funktion suchen, die Sie ziehen: Geht sie auch ohne Ziehen? | nein |
| 2.5.8 Zielgröße (Minimum) | AA | 2.2 | Varianten-Farbpunkte, Plus und Minus an der Menge und das Löschen-Kreuz sind mindestens 24 mal 24 CSS-Pixel groß oder haben genug Abstand | Werkzeug, dann kleine Ziele in den Entwicklertools des Browsers ausmessen | teilweise |
Wie Sie 2.1.1, 2.1.2, 2.4.3 und 2.4.7 in einem Durchgang prüfen und protokollieren, zeigt der Tastaturtest in 10 Minuten.
Prinzip 3: Verständlich (13 Kriterien)
| Kriterium | Stufe | Neu seit | Was es im Shop verlangt | So prüfen Sie | Werkzeug |
|---|---|---|---|---|---|
| 3.1.1 Sprache der Seite | A | 2.0 | Die Seitensprache ist im Code richtig gesetzt, also Deutsch und nicht Englisch aus einem fremden Theme | Werkzeug, dann einmal mit dem Screenreader hören, ob er Deutsch spricht | teilweise |
| 3.1.2 Sprache von Teilen | AA | 2.0 | Längere fremdsprachige Abschnitte, etwa ein englischer Herstellertext, sind ausgezeichnet; Eigennamen und Fachbegriffe sind ausgenommen | Produkttexte auf ganze fremdsprachige Absätze durchsehen | teilweise |
| 3.2.1 Bei Fokus | A | 2.0 | Nur weil ein Element den Fokus bekommt, öffnet sich kein Fenster und wechselt keine Seite | Mit Tab über Menü, Filter und Formularfelder gehen | nein |
| 3.2.2 Bei Eingabe | A | 2.0 | Eine Auswahl, etwa Land oder Größe, löst keinen unangekündigten Seitenwechsel aus | In Auswahllisten mit den Pfeiltasten blättern: Springt die Seite schon beim ersten Wert weg? | nein |
| 3.2.3 Konsistente Navigation | AA | 2.0 | Wiederkehrende Navigation steht auf allen Seiten in derselben Reihenfolge | Menü, Suche und Footer auf fünf Seitentypen vergleichen | nein |
| 3.2.4 Konsistente Erkennung | AA | 2.0 | Gleiche Funktionen heißen überall gleich, nicht einmal „Warenkorb“ und einmal „Tasche“ | Bezeichnungen von Warenkorb, Suche und Konto auf allen Seiten vergleichen | nein |
| 3.2.6 Konsistente Hilfe | A | 2.2 | Wo Kontakt, Telefon, Chat oder FAQ auf mehreren Seiten stehen, dann in derselben Reihenfolge, auch im Checkout | Position der Hilfe auf Produktseite und im Checkout vergleichen | nein |
| 3.3.1 Fehlererkennung | A | 2.0 | Ein Fehler wird in Text benannt und das Feld genannt, nicht nur rot umrandet | Im Checkout ein Pflichtfeld leer lassen und absenden | nein |
| 3.3.2 Beschriftungen oder Anweisungen | A | 2.0 | Jedes Feld sagt sichtbar, was hinein soll, bei Bedarf mit Format, etwa beim Geburtsdatum | Alle Felder in Checkout, Registrierung und Newsletter ansehen, auch nach dem Hineinklicken | Hinweis |
| 3.3.3 Fehlerempfehlung | AA | 2.0 | Die Fehlermeldung sagt, wie es richtig geht, etwa „Bitte fünfstellige Postleitzahl eingeben“ | Falsche Postleitzahl, E-Mail oder Gutscheincode eingeben | nein |
| 3.3.4 Fehlervermeidung (rechtlich, finanziell, Daten) | AA | 2.0 | Vor dem Absenden der Bestellung kann man alles prüfen und ändern, oder die Eingaben werden geprüft oder die Bestellung lässt sich rückgängig machen | Bis zur letzten Seite vor dem Kaufknopf gehen: Gibt es eine Übersicht mit Ändern-Möglichkeit? | nein |
| 3.3.7 Redundante Eingabe | A | 2.2 | Was im selben Vorgang schon eingegeben wurde, wird übernommen oder steht zur Auswahl, etwa „Rechnungsadresse wie Lieferadresse“ | Als Gast bis vor die Zahlung bestellen: Mussten Sie etwas zweimal tippen? | nein |
| 3.3.8 Barrierefreie Authentifizierung (Minimum) | AA | 2.2 | Login, Registrierung und Passwort vergessen erlauben Passwortmanager und Einfügen; kein Captcha mit verzerrten Buchstaben ohne andere Möglichkeit | Passwort aus der Zwischenablage einfügen, Passwortmanager ausfüllen lassen | nein |
Prinzip 4: Robust (2 Kriterien, dazu das gestrichene 4.1.1)
| Kriterium | Stufe | Neu seit | Was es im Shop verlangt | So prüfen Sie | Werkzeug |
|---|---|---|---|---|---|
| 4.1.2 Name, Rolle, Wert | A | 2.0 | Eigene Bedienelemente wie Farbauswahl, Mengenregler, Akkordeon und Zahlungsknöpfe melden Namen, Art und Zustand, etwa „Größe M, ausgewählt“ | Werkzeug, dann mit dem Screenreader Variante wählen und Akkordeon öffnen | teilweise |
| 4.1.3 Statusmeldungen | AA | 2.1 | „In den Warenkorb gelegt“, „12 Treffer“ oder „Gutschein eingelöst“ werden vom Screenreader angesagt, ohne dass der Fokus springt | Mit Screenreader Artikel in den Warenkorb legen und einen Filter setzen | nein |
| 4.1.1 Parsing | in 2.2 entfallen, in 2.0 und 2.1 Stufe A | 2.0 | Sauberes HTML ohne doppelte IDs; zählt nicht zu den 55 | Nur wenn Sie nach WCAG 2.1 oder EN 301 549 V3.2.1 berichten müssen: HTML mit einem Validator auf doppelte IDs und falsche Verschachtelung prüfen | nicht gezählt |
Was mit 4.1.1 gilt. Das W3C hat das Kriterium aus WCAG 2.2 entfernt, weil es keinen Nutzen mehr hat; viele Fehler, die früher 4.1.1 verletzten, fallen jetzt unter 1.3.1 oder 4.1.2 (Understanding 4.1.1). In der aktuellen Fassung der WCAG 2.1 steht es weiter auf Stufe A, mit dem Hinweis, dass es für Inhalte in HTML oder XML als immer erfüllt gelten soll. Gleichzeitig schreibt das W3C in WCAG 2.2, dass Sie 4.1.1 unter Umständen weiter prüfen und berichten müssen, wenn Sie zu WCAG 2.0 oder 2.1 verpflichtet sind. Nach unserer Lesart heißt das für Ihren Shop: Ein Bericht, der nur 4.1.1 bemängelt, ist keine dringende Barriere. Führt eine doppelte ID aber dazu, dass ein Formularfeld die falsche Beschriftung bekommt, ist das ein Fehler nach 1.3.1 oder 4.1.2, und den beheben Sie.
Welche Kriterien in einem kleinen Shop oft nicht zutreffen
Einige Zeilen gelten nur, wenn es den Inhalt bei Ihnen gibt. Prüfen Sie kurz, ob das so ist, und notieren Sie „nicht zutreffend“:
- Videos und Audio: 1.2.1 bis 1.2.5 und 1.4.2 nur, wenn Sie Medien einbinden. Ein eingebettetes Herstellervideo zählt mit.
- Livestreams: 1.2.4 nur bei Live-Shopping oder Live-Übertragungen.
- Tastaturkürzel und Bewegung: 2.1.4 und 2.5.4 nur, wenn Ihr Shop auf einzelne Buchstaben oder Gerätebewegung reagiert.
- Zeitlimits: 2.2.1 nur, wenn eine Sitzung oder Reservierung abläuft. Fragen Sie im Zweifel Ihren Shopsystem-Anbieter.
- Anmeldung: 3.3.8 nur, wenn es Kundenkonto, Login oder eine Bestätigung beim Bezahlen gibt. Das ist in fast jedem Shop der Fall.
Alle anderen Kriterien betreffen praktisch jeden Shop mit Produktseite, Warenkorb und Checkout.
Nach der Checkliste
Ihre ausgefüllte Liste ist die Grundlage für zwei Dinge. Erstens für den Behebungsplan: zuerst, was im Checkout und bei der Zahlung Menschen aussperrt, dann Produktseite, dann der Rest. Wie Sie Funde nach Schweregrad sortieren, zeigt Prüfbericht zur Barrierefreiheit verstehen. Zweitens für Ihre Barrierefreiheitserklärung: Nach Anlage 3 BFSG beschreiben Sie darin, wie Ihr Shop die Anforderungen erfüllt. Nennen Sie dort den Maßstab, etwa „WCAG 2.2 Stufe AA“, und ehrlich, welche Kriterien noch nicht erfüllt sind.
Dieser Ratgeber ist keine Rechtsberatung. Im Zweifel klären Sie Ihren Fall mit der Bundesfachstelle Barrierefreiheit oder einer Anwältin oder einem Anwalt.
Ihr nächster Schritt
Der kostenlose Scan prüft ohne Anmeldung Ihre Startseite, eine Produktseite und den Warenkorb automatisch gegen die WCAG-Regeln und zeigt, was zuerst behoben werden sollte. Damit haken Sie den automatisch prüfbaren Teil der Zeilen mit „teilweise“ und „Hinweis“ schnell ab. Ein automatischer Scan findet aber nur einen Teil der Barrieren; die Zeilen mit „nein“ und den menschlichen Teil der übrigen prüfen Sie mit der Liste oben selbst.
Stand: 25.10.2026. Quellen gelesen am 25.10.2026.