Barrierefreiheit im E-Commerce: Warum der Warenkorb eine kritischste Seite ist

Barrierefreiheit im E-Commerce: Warum der Warenkorb eine kritischste Seite ist

Das Produkt ist gewählt – jetzt zählt jede Sekunde

Nutzer:innen haben gesucht, verglichen, entschieden. Das Produkt liegt im Warenkorb.

Dieser Moment ist der wertvollste im gesamten E-Commerce-Funnel. Genau hier darf nichts schiefgehen.

Doch für viele Nutzer:innen mit Einschränkungen beginnt hier das eigentliche Problem.

Warum der Warenkorb besonders kritisch ist

Frühere Seiten im Shop – Startseite, Kategorie, Produktdetail – sind Informationsseiten. Der Warenkorb ist eine Aktionsseite.

Hier muss der Nutzer:

• Mengen anpassen
• Artikel entfernen
• Gutscheincodes eingeben
• Versandoptionen wählen
• Eine Entscheidung treffen

Jede dieser Aktionen ist eine potenzielle Barriere. Und jede gescheiterte Aktion kostet eine Conversion.

Die häufigsten Barrieren im Warenkorb

Mengenänderung ohne Tastatursteuerung

Plus- und Minus-Buttons ohne ARIA-Labels. Screenreader liest: „Button. Button.” – ohne Kontext. Nutzer:innen wissen nicht, was der Button bewirkt oder für welches Produkt er gilt.

Artikel entfernen – aber wie?

Ein kleines „×” ohne beschreibenden Text. Für Screenreader-Nutzer:innen: ein anonymer Button. Für motorisch eingeschränkte Nutzer:innen: ein viel zu kleines Ziel.

Gutscheincode-Felder ohne Label

Das Eingabefeld ist da – aber nicht beschriftet. Was soll hier eingegeben werden? Wer keinen visuellen Kontext hat, kann es nicht wissen.

Dynamische Updates ohne Ankündigung

Preis ändert sich beim Entfernen eines Artikels. Die Seite aktualisiert sich – aber der Screenreader bekommt es nicht mit. Kein Feedback. Keine Bestätigung. Kein Vertrauen.

Fehlermeldungen beim Checkout-Start

„Bitte überprüfen Sie Ihre Eingaben.” – ohne zu sagen, welche. Farblich markierte Felder, die für farbenblinde Nutzer:innen unsichtbar sind. Fehlermeldungen, die nicht mit dem betroffenen Feld verknüpft sind.

Der Checkout: Wo Barrieren am teuersten sind

Vom Warenkorb führt der Weg in den Checkout. Hier wird der Schaden durch Accessibility-Probleme am direktesten messbar:

Adressformulare:

• Felder ohne Labels
• Autofill nicht unterstützt
• Pflichtfelder nur durch Farbe markiert

Zahlungsmethoden:

• Radio-Buttons nicht per Tastatur navigierbar
• Kreditkartenfelder in iFrames ohne Zugänglichkeit
• Keine klare Fokusführung durch die Schritte

Bestellübersicht:

• Tabellen ohne Zeilen- und Spaltenbezeichnungen
• Keine Möglichkeit, Inhalte per Screenreader zu überfliegen
• Wichtige Informationen nur visuell hervorgehoben

Wer bis zum Checkout kommt und dort scheitert, hat das schlimmste Nutzererlebnis im gesamten Shop.

Was das kostet

Warenkorbabbrüche sind eine der meistgemessenen Kennzahlen im E-Commerce. Der Branchendurchschnitt liegt bei über 70 %.

Ein erheblicher Anteil dieser Abbrüche geht auf Usability-Probleme zurück – darunter Barrierefreiheitsmängel, die auch Nutzer:innen ohne Behinderungen betreffen:

• Unklare Fehlermeldungen
• Verwirrende Formularstruktur
• Fehlende Orientierung im mehrstufigen Prozess

Was für Screenreader-Nutzer:innen eine Barriere ist, ist für alle anderen eine Reibungsstelle.

Was BFSG-Konformität im Warenkorb bedeutet

Das Barrierefreiheitsstärkungsgesetz gilt seit Juni 2025 – ausdrücklich für E-Commerce-Plattformen.

Die Checkout-Strecke ist explizit Teil der Anforderungen:

• Barrierefreie Formularfelder mit Labels
• Zugängliche Fehlermeldungen
• Tastaturnavigation durch alle Schritte
• Screenreader-kompatible Statusmeldungen

Wer den Checkout nicht zugänglich gestaltet, verstößt gegen geltendes Recht.

Schnelle Gewinne: Was Shops jetzt tun können

Sofortmaßnahmen:

• Alle Buttons mit beschreibenden ARIA-Labels versehen
• Fehlermeldungen mit den betroffenen Feldern verknüpfen (aria-describedby)
• Pflichtfelder zusätzlich zur Farbe mit Text oder Symbol markieren
• Dynamische Preisänderungen per aria-live ankündigen

Mittelfristig:

• Vollständige Tastaturnavigation durch den Checkout testen
• Formularfelder mit sichtbaren, persistenten Labels versehen
• Bestellübersicht als zugängliche Tabelle strukturieren

Wie ClarusPlus unterstützt

ClarusPlus hilft Onlineshops, Barrieren im Checkout systematisch zu erkennen und zu beheben:

• Automatischer Accessibility-Audit analysiert Warenkorb und Checkout auf WCAG-Verstöße
• KI-gestütztes Widget behebt clientseitig viele Darstellungs- und Lesbarkeitsbarrieren sofort
• Barrierefreiheitserklärung dokumentiert die Konformität – relevant für BFSG-Compliance

Ihre nächsten Schritte

• Testen Sie Ihren Warenkorb und Checkout nur mit der Tastatur
• Prüfen Sie alle Buttons und Felder auf beschreibende Labels
• Starten Sie mit dem kostenlosen ClarusPlus Accessibility-Audit

Kontakt: [email protected]

Mehr erfahren: clarusplus.com