Beim Thema Barrierefreiheit denken viele an öffentliche Stellen oder große Konzerne. Dabei stehen ausgerechnet Online-Shops besonders im Fokus des European Accessibility Act. Wer Produkte über das Netz verkauft, bietet eine Dienstleistung an, die grundsätzlich barrierefrei sein muss. Und genau im Verkaufsprozess – von der Produktsuche bis zum Bezahlen – stecken die meisten Barrieren.
In diesem Artikel zeige ich dir, was der EAA für deinen WooCommerce-Shop bedeutet, wo die typischen Stolperstellen liegen und wie du sie behebst. Ein Hinweis: Das ist praktisches Erfahrungswissen, keine Rechtsberatung.
Warum Online-Shops besonders betroffen sind
Der EAA – in Österreich umgesetzt im Barrierefreiheitsgesetz (BaFG), in Deutschland im Barrierefreiheitsstärkungsgesetz (BFSG) – nennt den elektronischen Geschäftsverkehr ausdrücklich als betroffene Dienstleistung. Wer einen Webshop betreibt und sich an Endverbraucher richtet, ist in der Regel in der Pflicht.
Bei den Fristen gibt es einen Unterschied: In Deutschland müssen betroffene Online-Shops seit dem 28. Juni 2025 barrierefrei sein, ohne lange Übergangsfrist für die Dienstleistung selbst. In Österreich gilt das BaFG ebenfalls seit 28. Juni 2025, mit einer Übergangsfrist bis 28. Juni 2030 für digitale Angebote, die vorher schon bestanden. Die Ausnahme für Kleinstunternehmen im Dienstleistungsbereich kann greifen – aber verlass dich nicht blind darauf, gerade wenn du Produkte verkaufst.
Der Maßstab: WCAG 2.1 AA
Gemessen wird an der Norm EN 301 549, die für Websites auf die WCAG 2.1 Stufe AA verweist. Das gilt für den gesamten Kaufprozess – nicht nur die Startseite, sondern jede Station bis zur Bestellbestätigung.
Die typischen Barrieren im WooCommerce-Shop
Produktbilder ohne Alt-Text. Im Shop sind Bilder zentral. Ohne Alternativtext weiß ein blinder Kunde nicht, was er kauft. Jedes Produktbild braucht eine aussagekräftige Beschreibung.
Information nur über Farbe. „Rot markierte Artikel sind ausverkauft“ oder ein Rabatt, der sich nur farblich abhebt – wer Farben nicht unterscheiden kann, verliert diese Information. Es braucht immer einen zweiten Hinweis, etwa Text oder ein Symbol.
Produktfilter und Varianten-Auswahl. Größe, Farbe, Menge: Diese Auswahlelemente müssen mit der Tastatur bedienbar und für Screenreader verständlich beschriftet sein. Aufwendige Filter sind ein häufiger Schwachpunkt.
Der Warenkorb und Mengenfelder. Plus-/Minus-Buttons ohne Beschriftung, nicht erreichbare Felder, unklare Statusmeldungen beim Aktualisieren – hier brechen viele Kaufprozesse unbemerkt ab.
Der Checkout. Das Herzstück. Eingabefelder brauchen echte, verknüpfte Labels. Fehlermeldungen müssen im Klartext sagen, was falsch ist, nicht nur ein Feld rot färben. Pflichtfelder klar kennzeichnen. Der ganze Ablauf muss mit der Tastatur funktionieren.
Kontraste und Buttons. Gerade Call-to-Action-Buttons („In den Warenkorb“, „Jetzt kaufen“) sind oft kontrastschwach gestaltet. Dabei sind sie die wichtigsten Elemente des Shops.
Warum sich das doppelt lohnt
Barrierefreiheit im Shop ist nicht nur Pflicht, sie ist Umsatz. Jede Hürde im Kaufprozess kostet Conversions – bei allen Kunden, nicht nur bei Menschen mit Behinderung. Ein Checkout, der auch per Tastatur reibungslos läuft, klare Fehlermeldungen zeigt und gut lesbar ist, verkauft besser. Du behebst also nicht nur ein rechtliches Risiko, sondern reparierst gleichzeitig Lecks in deinem Verkaufstrichter.
Wie du vorgehst
Sinnvoll ist diese Reihenfolge: Zuerst den kompletten Kaufprozess einmal selbst nur mit der Tastatur durchspielen – vom Produkt über den Warenkorb bis zur Bestellung. Schon das deckt viele Probleme auf. Dann mit automatischen Tools (axe, Lighthouse) die technischen Fehler finden. Anschließend die kritischen Stellen – Checkout, Filter, Warenkorb – gezielt manuell prüfen. Und schließlich die Funde priorisiert beheben, beginnend beim Kaufprozess, weil dort der Umsatz hängt.
FAQ
Gilt das auch für meinen kleinen Shop?
Wahrscheinlich ja, sobald du an Endverbraucher verkaufst. Die Kleinstunternehmen-Ausnahme greift nicht in jedem Fall. Eine kurze Prüfung schafft Klarheit, statt auf eine Beschwerde zu warten.
Macht ein Barrierefreiheits-Plugin meinen Shop konform?
Nein. Overlay-Plugins lösen die Probleme nicht an der Wurzel. Echte Barrierefreiheit entsteht im Theme, im Checkout und in den Inhalten – nicht in einer aufgesetzten Ebene.
Ist WooCommerce überhaupt barrierefrei machbar?
Ja. WooCommerce lässt sich barrierefrei gestalten, wenn Theme, Anpassungen und Inhalte stimmen. Entscheidend ist die saubere Umsetzung, nicht das System an sich.
Was droht bei Nichteinhaltung?
Die Gesetze sehen Bußgelder vor (Österreich bis 80.000 Euro, Deutschland bis 100.000 Euro) und eine Marktüberwachung, an die sich Verbraucher wenden können. Dazu kommt der Wettbewerbsnachteil eines Shops, in dem ein Teil der Kunden nicht kaufen kann.
Dein nächster Schritt
Du willst wissen, ob dein WooCommerce-Shop die Anforderungen erfüllt? Ich prüfe den gesamten Kaufprozess im Rahmen eines Barrierefreiheits-Audits – technisch und manuell – und du bekommst eine priorisierte Liste, was zu tun ist. Als zertifizierter Web Accessibility Expert weiß ich, wo es im Shop wirklich klemmt.