Warum E-Commerce das risikoreichste Marktsegment ist
Zwei Regulierungsbehörden, ein vom Online-Handel dominiertes Docket.
In den Vereinigten Staaten lagen die ADA-Title-III-Beschwerden zur Web-Barrierefreiheit bis 2024 bei rund 4.300 Bundesklage-Einreichungen pro Jahr, wobei E-Commerce das Docket neben Restaurant-Buchungen und dem Gastgewerbe dominiert. Reine Online-Händler können sich nicht mehr zuverlässig auf die Verteidigung „kein physischer Nexus" berufen — die meisten Circuits haben sie entweder abgelehnt oder umgangen, und Klagen auf Staatsgerichtsebene nach dem California Unruh Act und dem New York State Human Rights Law sind parallel gestiegen.
In der Europäischen Union nennt der European Accessibility Act „E-Commerce-Dienste" ausdrücklich in seiner Geltungsbereichsliste — Artikel 2(2)(d) — und die Kleinstunternehmensausnahme (unter 10 Beschäftigte oder unter 2 Mio. Euro Umsatz) trifft nur wenige echte Händler. Jeder Shop mit einem Lager, einem mehrköpfigen Team oder einem nennenswerten Produktkatalog ist im Geltungsbereich und muss EN 301 549 erfüllen, das auf die WCAG-2.2-Erfolgskriterien verweist.
Die Kosten des Nichthandelns sind konkret. US-ADA-Vergleiche landen für Erstbeklagte typischerweise im Bereich von 20.000 bis 50.000 US-Dollar, bei wiederholt beklagten Händlern deutlich höher; Kanzleien auf Klägerseite arbeiten inzwischen im großen Maßstab, und ein einziger Barrierefreiheitserklärungen-Scrape speist Dutzende Abmahnungen. In der EU bewegt sich die EAA-Durchsetzung von der Abmahnungsphase, die 2025 dominierte, in die Bußgeldphase, die viele Mitgliedstaaten 2026 eingeführt haben — Deutschland, Frankreich, Italien, Spanien und die Niederlande haben allesamt Durchsetzungsteams aufgestellt.
Die gute Nachricht: E-Commerce-Barrierefreiheit hat ein bekanntes Muster. Immer wieder dieselben zwölf Fehlermuster tauchen in nahezu jedem Audit auf, und die meisten lassen sich mit Design-Tokens, Theme-Komponenten oder einem fokussierten Engineering-Sprint beheben. Die folgende Checkliste ist das, was wir E-Commerce-Teams aushändigen, wenn sie fragen: „Wo fangen wir an?"
Die 30-Punkte-E-Commerce-Checkliste
Sechs Bereiche × fünf Prüfpunkte. Ausdrucken, abhaken, dann auditieren.
-
01 Navigation & Suche
-
02 Produktlistenseiten (PLPs)
-
03 Produktdetailseiten (PDPs)
-
04 Warenkorb & Kasse
-
05 Konto & Nach dem Kauf
-
06 Übergreifende Anforderungen
Plattformspezifische Implementierungshinweise
Wo die Checkliste tatsächlich im Code landet — plattformweise.
Shopify
Die Theme-Qualität variiert erheblich. Online Store 2.0-Themes (Dawn, Sense, Craft, Refresh) werden mit einer deutlich besseren Barrierefreiheits-Baseline als der Legacy-Vintage-Stack ausgeliefert — semantische Überschriften, Fokusmanagement bei Quick-View, Skip-Links standardmäßig. Die verbleibenden Probleme hängen mit handelsspezifischer UI zusammen: Variantenauswahlen und Bild-Swatches, die den Zustand bei Auswahl verlieren, der Versandkosten-Kalkulator-iframe, der den Fokus einfängt, sowie jede Drittanbieter-App (Bewertungen, Upsell, Chat), die ins DOM rendert, ohne den Tastatur-Handoff zu beachten. Prüfen Sie Ihr Theme, dann prüfen Sie jede installierte App separat.
WooCommerce / WordPress
Das Chaos aus Theme und Plugins ist das dominante Risiko. WooCommerces eigene Templates sind brauchbar, werden aber gegen ein übergeordnetes Theme, das Sie nicht geschrieben haben, und ein Zahlungs-Plugin, das Sie nicht auditiert haben, kombiniert. Das wiederkehrende Fehlermuster ist das AJAX-gesteuerte Variantenformular auf der Produktseite: die Variantenauswahl tauscht DOM-Knoten aus, ohne die Änderung anzukündigen, und das Preiselement wird ohne aria-live-Anker neu gerendert. Warenkorbaktualisierungen haben dasselbe Muster — der Mini-Warenkorb wird beim Hinzufügen lautlos neu gerendert. Beides lässt sich beheben, indem die dynamischen Bereiche mit aria-live umhüllt werden.
BigCommerce / Salesforce Commerce Cloud
Unternehmensplattformen haben stärkere Standardeinstellungen, aber engere Anpassungswege. Stencil (BigCommerce)- und SFRA (Salesforce Commerce Cloud)-Storefront- Templates sind häufig hinter agenturgelieferten Anpassungen gesperrt; die eigene Barrierefreiheitshaltung der Plattform ist weniger relevant als die Ihrer Agentur. Verlangen Sie ein aktuelles VPAT oder einen EN-301-549-Konformitätsbericht von Ihrem Implementierungspartner, nicht vom Plattformanbieter. Die Plattform erfüllt eine Hürde; der Agentur-Build ist das, wogegen geklagt wird.
Headless / individuelle React-, Vue- oder Svelte-Storefronts
Vollständige Eigenverantwortung bedeutet vollständige Verantwortung. Das wiederkehrende Fehlermuster sind Hydration-Mismatches, die aria-Attribute zwischen SSR und Client in inkonsistente Zustände versetzen; das zweite sind Routenwechsel-Ankündigungen, die nie ausgelöst werden, weil der clientseitige Router die Seite ersetzt, ohne eine Überschrift neu zu rendern oder den Fokus zu verschieben. Kombinieren Sie ein framework-spezifisches Live-Region-Hilfsprogramm (siehe aria-live-Regionen in modernen Frameworks) mit einem Fokus-bei-Routenwechsel-Handler. Die meisten Headless-Audits, die wir gesehen haben, beheben 70 % der Probleme allein mit diesen zwei Änderungen.
Der Monitoring- und Audit-Zyklus
Eine einmalige Korrektur überlebt keinen einzigen Sprint.
E-Commerce-Code ändert sich täglich. Das Marketing bringt dienstags eine Hero-Variante, das Merchandising-Team dreht donnerstags einen Bereich um, eine App aktualisiert sich übers Wochenende. Eine einmalige Barrierefreiheitskorrektur hält ungefähr so lange wie Ihr nächster Deploy — weshalb das Modell, das wirklich trägt, drei Ebenen hat, nicht eine.
Führen Sie zunächst einen kostenlosen WCAG-2.2-Scanner gegen Ihren Live-Shop durch, um eine Baseline zu ermitteln. Schalten Sie dann ein kontinuierliches automatisiertes Monitoring gegen jeden Preview-Build und jeden Produktions-Deploy — das ist die Ebene, die Regressionen auffängt, bevor der Kunde es tut. Beauftragen Sie drittens mindestens einmal jährlich ein manuelles Audit durch Tester mit Behinderungen sowie nach jedem größeren Redesign oder Plattformwechsel — automatisierte Tools erkennen nie Screen-Reader-Lesbarkeit, die Absicht der Fokusreihenfolge oder ob ein Ablauf von Anfang bis Ende wirklich nutzbar ist.
Für die Übergabe zwischen Monitoring und manuellem Audit im Speziellen deckt unser Monitoring-Einkaufsführer die Plattformen ab, die den Scan-bis-Audit-Workflow vollständig abwickeln — Qualibooth, axe Monitor, Siteimprove und Level Access. Wählen Sie nach der Integrationskompatibilität mit Ihrem CI und danach, ob das manuelle Audit-Netzwerk der Plattform wirklich Tester mit den Behinderungen einschließt, die Ihre Kunden haben — das ist nicht bei allen der Fall.
FAQ
Die Fragen, die E-Commerce-Teams stellen, bevor sie sich committen.
Verlangt das ADA, dass mein Online-Shop barrierefrei ist?
In der Praxis ja. Bundesgerichte wenden ADA Title III seit mehr als einem Jahrzehnt auf kommerzielle Websites an, und E-Commerce ist die mit Abstand größte Kategorie von Web-Barrierefreiheitsbeschwerden. Das DOJ hat offiziell erklärt, dass Websites öffentlicher Einrichtungen barrierefrei sein müssen, und die meisten Urteile stellen fest, dass ein „Nexus" zu einem stationären Geschäft für reine Online-Händler nicht erforderlich ist. Ein Shop, der WCAG 2.1 AA (und zunehmend 2.2 AA) nicht erfüllt, ist einem realen Prozessrisiko ausgesetzt.
Gilt der EAA für meinen E-Commerce-Shop?
Mit an Sicherheit grenzender Wahrscheinlichkeit, wenn Sie in die EU verkaufen. Der European Accessibility Act führt „E-Commerce-Dienste" explizit in Artikel 2(2)(d) als im Anwendungsbereich liegend auf. Die Ausnahme für Kleinstunternehmen — weniger als 10 Beschäftigte UND unter 2 Millionen Euro Umsatz — betrifft nur die kleinsten Betreiber. Jeder Händler mit einem Lager, mehreren Mitarbeitern oder einem nennenswerten Produktsortiment ist im Geltungsbereich und muss EN 301 549 erfüllen, das auf WCAG 2.1 AA verweist.
Was ist das häufigste Barrierefreiheitsproblem im E-Commerce?
Drei Probleme treten in nahezu jedem Audit auf: zu geringer Kontrast bei Preisen und Sale-Tags (das markenübliche Rot auf Weiß liegt oft unter 4,5:1), unbeschriftete oder kontextfreie „In den Warenkorb"-Schaltflächen sowie Warenkorbaktualisierungen, die für Hilfstechnologien nicht angekündigt werden. Keines davon erfordert ein Redesign — es braucht ein Design-Token-Audit, einen aria-label-Durchlauf für Kachel-Schaltflächen und eine aria-live-Region am Warenkorb-Widget.
Kann ein Shopify-Shop ADA-konform sein?
Ein Shopify-Shop kann konform gemacht werden, aber die Plattform allein garantiert das nicht. Online Store 2.0-Themes (Dawn, Sense, Craft, Refresh) haben eine deutlich bessere Barrierefreiheits-Baseline als der Legacy-Vintage-Stack — semantische Überschriften, Fokusmanagement bei Quick-View, Skip-Links standardmäßig. Die verbleibenden Probleme hängen mit handelsspezifischer UI zusammen: Variantenauswahlen und Bild-Swatches, die den Zustand bei Auswahl verlieren, der Versandkosten-Kalkulator-iframe, der den Fokus einfängt, sowie jede Drittanbieter-App (Bewertungen, Upsell, Chat), die ins DOM rendert, ohne den Tastatur-Handoff zu beachten. Prüfen Sie Ihr Theme, dann prüfen Sie jede installierte App separat.
Wie oft sollte ein E-Commerce-Shop auditiert werden?
Automatisiertes Scanning sollte bei jedem Deploy ausgeführt werden (vor dem Merge oder nach dem Deploy). Manuelle Audits durch Tester mit Behinderungen sollten für stabile Shops mindestens jährlich beauftragt werden — und nach jedem größeren Redesign, Plattformwechsel oder Einführung eines neuen Checkout-Flows. Die meisten E-Commerce-Teams kombinieren vierteljährliche automatisierte Berichte mit jährlichen manuellen Audits.
Drei nächste Schritte
Wählen Sie den, der zum Stand Ihres Teams heute passt.
-
Kostenlosen Scanner jetzt starten
Ein live kostenloser WCAG-2.2-Scanner für jede öffentliche URL. Powered by Qualibooth, öffnet in einem neuen Tab. Bester Einstieg, wenn Sie keine aktuelle Baseline haben.
-
Die 30-Punkte-Checkliste herunterladen
Eine druckfertige PDF-Version der obigen Checkliste, mit Platz für Verantwortliche und Fälligkeitsdatum pro Punkt. Folgt in einer späteren Version — drucken Sie bis dahin diese Seite aus.
-
Ein manuelles Audit beauftragen
Lesen Sie unseren Leitfaden zur Beauftragung eines manuellen Audits durch Tester mit Behinderungen — was Sie anfordern sollten, was Sie einplanen müssen und welche Plattformen ein echtes Tester-Netzwerk mitbringen, statt es auszulagern.