Facettenfilter
Beschriftete Kontrollkästchen, Preisregler mit Tastatur, angesagte Trefferzahl, Fokus nach dem Filtern.
Kanal · Onlineshops
Vom Filter bis zur Zahlung: Ihre Kaufstrecke im Test
Shop-Themes und Erweiterungen bringen viele Barrieren mit. Wir prüfen jede Komponente der Kaufstrecke technisch und zeigen Ihrem Team, wo der Code nachgebessert werden muss.
Die Technik hinter dem Einkauf
Ein Shop besteht aus vielen Bausteinen: Theme, Filter-Erweiterung, Galerie, Bewertungen, Zahlungsanbieter, Cookie-Banner. Jeder stammt von jemand anderem. Barrierefrei ist der Shop erst, wenn alle zusammen funktionieren.
Wir prüfen die Kaufstrecke technisch: Welche Rollen und Namen haben die Bedienelemente? Wird der Fokus nach „In den Warenkorb“ richtig gesetzt? Werden Fehler im Checkout angesagt?
Die geschäftliche Seite, also BFSG und Pflichtangaben für Händler, erklären wir unter E-Commerce.
Komponenten, die wir einzeln prüfen
Produktgalerie
Vorschaubilder als Schaltflächen mit Namen, Zoom ohne Maus, Alternativtexte, kein automatisches Weiterlaufen ohne Pause.
Varianten und Mengen
Farb- und Größenauswahl als echte Auswahlgruppe, Mengenfeld mit Namen, Hinweis bei nicht lieferbaren Varianten.
Warenkorb und Mini-Warenkorb
Ansage beim Hinzufügen, Seitenleiste mit Fokusführung, Löschen-Knöpfe mit Text.
Checkout und Zahlung
Autocomplete, Fehlermeldungen als Text, Zahlungsfenster in iFrames mit Titel und Tastaturbedienung.
Cookie-Banner
Erreichbar per Tastatur, gibt den Fokus wieder frei, verdeckt den Inhalt nicht dauerhaft.
Kriterien für die Kaufstrecke
- 1.3.5Eingabezweck bestimmen
Adress- und Kontaktfelder brauchen passende autocomplete-Werte.
- 3.3.1Fehlererkennung
Fehler im Checkout müssen als Text beim Feld stehen und angesagt werden.
- 4.1.3Statusmeldungen
Hinweise wie „Artikel hinzugefügt“ oder „12 Treffer“ müssen als Statusmeldung ankommen.
- 2.5.8Zielgröße (Minimum)
Neu in WCAG 2.2: Mengen-Knöpfe und Farbfelder brauchen mindestens 24 mal 24 CSS-Pixel oder genug Abstand.
- 2.2.2Pausieren, beenden, ausblenden
Automatisch laufende Slider und Banner müssen sich anhalten lassen.
- 3.2.2Bei Eingabe
Ein Filter darf die Seite nicht ungefragt neu laden, wenn man nur eine Option ankreuzt, ohne darauf hinzuweisen.
So läuft der Technik-Test
Strecke und Komponenten erfassen
Wir listen Theme, Erweiterungen und eingebundene Dienste entlang der Kaufstrecke.
Automatisch scannen
Öffentliche Seiten mit Screenshots. Der Scanner legt nichts in den Warenkorb.
Kaufstrecke von Hand
Ein Mensch prüft Warenkorb und Checkout mit Testkonto, Tastatur und Screenreader.
Befunde nach Komponente
Sie sehen, welcher Fehler im Theme, in einer Erweiterung oder beim Zahlungsanbieter liegt.
Häufige Fragen
Der Fehler liegt in einer Erweiterung eines Drittanbieters. Was nun?
Wir benennen die Fundstelle und das Kriterium. Damit können Sie den Anbieter konkret ansprechen oder eine Alternative wählen.
Prüfen Sie auch die Bestellbestätigung?
Nur mit einer Testbestellung in einer Testumgebung oder mit Testzahlungsart, die Sie bereitstellen. Echte Bestellungen lösen wir nicht aus.
Gibt es eine Checkliste für unser Shop-Team?
Ja. Die Checklisten enthalten Punkte für Design, Entwicklung und Redaktion.
Passend dazu
E-Commerce
Händler und Marktplätze
Web-Apps
Dashboards, Kundenbereiche, SPAs
Checklisten
Für Design, Entwicklung, Redaktion