Mach deinen Shopify-Shop wirklich barrierefrei. EAA & WCAG, ohne Overlay

Die Wahrheit: Shopify ist nicht automatisch barrierefrei

Ein Standard-Shopify-Online-Store-2.0-Theme wie Dawn oder Sense schneidet besser ab als viele Webshops, erreicht WCAG 2.2 AA aber selten von allein. Sobald du Apps installierst, dein Theme anpasst oder Produkte ohne Alt-Text hinzufügst, entstehen Hürden, die deine Kunden, und der European Accessibility Act, nicht akzeptieren.

Was auf Shopify häufig schiefgeht

• Der AJAX-Warenkorb-Drawer fängt den TastaturfokusLegt ein Kunde etwas in den Warenkorb, schiebt sich der Warenkorb-Drawer ins Bild. In vielen Shopify-Themes bleibt der Fokus darin hängen (Focus Trap), sodass Tastatur- und Screenreader-Nutzer den Bezahl-Button nicht mehr erreichen.
• Predictive Search ohne aria-StatusDen AJAX-Suchvorschlägen fehlen oft aria-expanded und eine Live-Region, sodass ein Screenreader nicht meldet, dass Ergebnisse erscheinen.
• Farb-Swatches und Filter ohne StatusVarianten-Swatches und Kollektionsfilter fehlt es regelmäßig an aria-checked oder aria-expanded, der Nutzer (und die Maschine) sieht nicht, welcher Filter oder welche Farbe aktiv ist.
• Liquid-Bilder ohne Alt-TextAutomatisch generierte Liquid-img-Tags geben den Alt-Text aus dem Shopify-Adminbereich oft leer oder kryptisch weiter, unlesbar für Screenreader und Google.

So sieht eine echte Lösung aus

Nimm den Icon-Button deines Warenkorbs in deinem Liquid-Theme. Ohne barrierefreien Namen hört ein Screenreader-Nutzer nur „Schaltfläche“. Die Lösung ist ein einziges Attribut, kein Neuaufbau:

<button class="cart-toggle">
  {% render 'icon-cart' %}
</button>

<button class="cart-toggle" aria-label="{{ 'general.cart.title' | t }}">
  {% render 'icon-cart' %}
</button>

Was du bekommst

Bei einem Reporting-Tool zahlst du die Lizenz und deine Entwickler, um die Fehler zu beheben. Bei Seviranta ist die Lösung inbegriffen, keine doppelte Rechnung.

Schütze deine Conversion und deinen rechtlichen Status

Eine App, die ein Barrierefreiheits-Icon über deine Shopify-Seite klebt, ist ein Risiko für dein Business. Die Fakten im Überblick:

Mein Theme kommt aus dem Theme Store. Ist es dann nicht schon geprüft?

Der Theme Store verlangt einen durchschnittlichen Lighthouse-Barrierefreiheitswert von 90 und eine Liste von Grundanforderungen: Tastatur, sichtbarer Fokus, Alt-Texte, Kontrast, Labels. Das ist eine gute Basis, aber Lighthouse prüft nur einen Teil der WCAG, und deine Farben, Inhalte, Apps und Anpassungen kommen obendrauf. Eine Aufsichtsbehörde prüft den Live-Shop.

Gilt das BFSG für meinen Shopify-Shop?

Verkaufst du an Verbraucher, dann sehr wahrscheinlich ja. Das BFSG (Barrierefreiheitsstärkungsgesetz) gilt seit dem 28. Juni 2025 für B2C-Onlineshops und -Dienste (Dienstleistungen im elektronischen Geschäftsverkehr). Ausgenommen sind Kleinstunternehmen, die Dienstleistungen anbieten: weniger als zehn Beschäftigte und höchstens 2 Mio. Euro Jahresumsatz oder Jahresbilanzsumme. Maßstab ist WCAG 2.1 AA über die EN 301 549, zuständig ist die Marktüberwachungsstelle der Länder für die Barrierefreiheit (MLBF), und Bußgelder sind bis zu 100.000 Euro möglich. Die Marktüberwachung prüft den veröffentlichten Shop, nicht das Tool. Für Shopify heißt das: Shopifys Checkout ist durch Shopifys eigenen Bericht abgedeckt, Theme und Apps durch dich.

Kann Seviranta den Shopify-Checkout scannen und reparieren?

Scannen ja: Wir prüfen die veröffentlichten Seiten, Warenkorb und Checkout eingeschlossen. Reparieren: Was in deinem Theme und deinen Apps liegt, liefern wir als Fix in deinem eigenen Code. Was in Shopifys Checkout selbst liegt, kannst du nur über die Branding-Einstellungen beeinflussen. Unser Bericht macht diesen Unterschied, damit dein Dossier stimmt.

Reicht ein Shopify-Barrierefreiheits-Widget für den EAA?

Nein. Ein Widget legt eine Schicht über deine Seite, behebt aber den zugrunde liegenden Code nicht und gilt nicht als strukturelle Compliance.

Fällt mein Shopify-Checkout unter den EAA?

Ja. Der Checkout und die Navigation sind ausdrücklich Teil der Verpflichtung nach WCAG 2.1 AA.

Scannt Seviranta auch meine Shopify-Apps?

Ja. Wir testen das endgültig generierte HTML. Theme plus Apps, so, wie es eine Aufsichtsbehörde tut.

Verlangsamt das meine Shopify-Seite?

Nein. Wir scannen extern von unseren EU-Servern; es kommt kein Skript auf deine Seite. 0 % Einfluss auf deine Ladegeschwindigkeit und Core Web Vitals.