Nimm die Hand von der Maus und versuche, ein Produkt auszuwählen, in den Warenkorb zu legen und bis zum letzten prüfbaren Formularschritt zu kommen. Schon dieser begrenzte Weg kann zeigen, wo die Bedienung abbricht. Schicke dabei keine echte Bestellung ab.

Einen nachvollziehbaren Weg wählen

Nutze eine Produktvariante, die Farbe oder Größe verlangt. Halte Browser, Seite und Ausgangszustand fest. Gehe mit Tab vorwärts und mit Umschalt plus Tab zurück. Notiere, ob der aktuelle Fokus sichtbar bleibt und die Reihenfolge zum Inhalt passt. Die WAI-Einstiegsprüfung beschreibt Tastaturbedienung und Fokus als erste Prüfbereiche; sie ist ausdrücklich keine vollständige Bewertung.

Für dein Protokoll reichen zunächst drei Stellen:

  • Variantenwahl: Ist die gewünschte Auswahl erreichbar und bedienbar?
  • Warenkorb: Lassen sich Menge, Entfernen und Weitergehen unterscheiden?
  • Dialog: Kannst du ihn öffnen, darin handeln und wieder schließen?

Eine Blockade genau beschreiben

Fiktives Beispiel: Nach dem Öffnen der Größenhilfe wandert Tab weiter durch die abgedunkelte Produktseite. Du siehst den Dialog, bedienst aber Inhalte dahinter. Das Modal-Dialog-Muster der WAI beschreibt dafür die Fokusführung innerhalb des offenen Dialogs und die Rückgabe beim Schließen.

Ein hilfreicher Befund nennt den Auslöser, die erwartete Aktion und den tatsächlichen Fokusort. „Die Größenhilfe ist nicht barrierefrei“ ist für eine gezielte Korrektur zu ungenau.

Den betroffenen Abschnitt erneut prüfen

Nach einer Änderung beginnst du vor der fehlerhaften Stelle und gehst bis zur nächsten sinnvollen Aktion. Prüfe auch den Rückweg: Ein erreichbarer Öffnen-Button hilft wenig, wenn du nach dem Schließen am Seitenanfang landest.

Ergänze den Weg um einen Test der Formularmeldungen. Tastaturbedienung allein zeigt nicht, ob eine Fehlermeldung verständlich ankommt.

Barrieren im Kaufweg beheben umfasst einen vereinbarten Weg, bis zu drei Seitentypen und fünf Fehlerarten im bearbeitbaren Frontend. Gesperrte Plattformbereiche werden als Grenze dokumentiert. Daraus entsteht keine vollständige Konformitätsbescheinigung für den Shop.

Technische Quellen: W3C WAI: Easy Checks, W3C APG: Modal Dialog Pattern.