Shopify und das BFSG: was wir in echten Shops finden.
Shopify nimmt Ihnen viel ab — die Barrierefreiheit gehört nicht dazu. Das Theme entscheidet, und fast jedes Theme ist angepasst worden.
Unsere Datenlage, ehrlich benannt: Fünf fremde Shopify-Shops haben wir gemessen (Befundzahl im Schnitt 84, Spanne 81 bis 93). Das ist eine kleine Stichprobe — und deshalb steht hier noch etwas anderes im Vordergrund: Wir betreiben selbst drei Shopify-Shops und haben sie eigenhändig barrierefrei gemacht. Der größte davon läuft mit 322 Seiten im wöchentlichen Tiefenlauf bei Befundzahl 100.
Was wir in Shopify-Shops finden
| Kriterium | Betroffen | Woran es in diesem System typischerweise liegt |
|---|---|---|
| 1.4.3 Ausreichende Farbkontraste | 100 % | Theme-Farbwähler erzeugen gültige, aber zu schwache Kombinationen. Besonders häufig: gedämpfter Nebentext, Rabatt-Badges, Platzhaltertexte in Feldern. |
| 2.4.11 Fokus nicht verdeckt | 80 % | Klebende Kopfleisten und Ankündigungs-Balken überdecken das Element, das beim Tabben gerade den Fokus hat — man sieht nicht, wo man ist. |
| 4.1.2 Korrekte ARIA-Auszeichnung | 80 % | Warenkorb-Schubladen, Varianten-Auswahl und Filter sind oft mit div und Klick-Handler gebaut statt mit Knopf und Zustand. |
| 2.1.1 Tastaturbedienbarkeit | 60 % | Schnellansicht-Fenster und Bilder-Galerien fangen den Fokus ein oder sind ohne Maus nicht erreichbar. |
| 2.4.4 Aussagekräftige Linktexte | 60 % | Produktkacheln verlinken Bild und Titel getrennt; Screenreader lesen denselben Link zweimal, einmal ohne Text. |
| 2.5.8 Ausreichend große Bedienelemente | 60 % | Mengen-Stepper, Farbfelder und Schließen-Kreuze fallen auf dem Telefon unter die Mindestgröße. |
Die drei Shopify-Eigenheiten, die man kennen muss
- Apps bringen ihre eigenen Befunde mit. Bewertungen, Größenberater, Chat, Cookie-Banner, Empfehlungen — jede App schreibt eigenes Markup in Ihre Seite. Wir messen die Seite so, wie der Kunde sie sieht: mit allen Apps aktiv.
- Der Checkout gehört Shopify, nicht Ihnen. Sie können ihn nur begrenzt anfassen. Umso wichtiger ist, dass alles davor — Suche, Produktseite, Warenkorb — sauber bedienbar ist, denn dort liegt Ihr Einfluss.
- Der Cookie-Einstellungen-Link im Fuß. Shopify setzt ihn selbst auf einen Pfad, den es in vielen Shops gar nicht gibt — mit Javascript wird der Klick abgefangen, ohne läuft er ins Leere. Wir haben genau das in unseren eigenen Shops gefunden und behoben.
Der Befund, der in jedem System auftaucht
Über alle 142 ausgewerteten Shops hinweg ist 1.4.3 — ausreichende Farbkontraste der häufigste offene Punkt: bei Shopware und Shopify in 100 % der gemessenen Shops, bei Magento in 83 %, bei WooCommerce in 89 %. Das liegt nicht am System, sondern daran, wie Marken arbeiten: Ein gedämpftes Grau für Nebentext, ein helles Markengrün für Knöpfe, ein Preisschild in Hellrot auf Weiß — alles gestalterisch gewollt und rechnerisch zu schwach.
Kontrast ist auch der Befund, bei dem am meisten falsch gemessen wird. Wer eine Farbe mit Transparenz, einen Verlauf im Hintergrund oder einen display-p3-Farbraum nicht berücksichtigt, misst Phantome. Wir rechnen jede Fundstelle einzeln.
Was wir für Shopify-Shops tun
Wir beheben die gesicherten Befunde direkt im Theme — nicht als Ticketliste für Ihr Team, sondern als Arbeit, die getan ist. Danach messen wir nach, schreiben die Nachweisakte und Ihre Barrierefreiheitserklärung aus dem Ergebnis. Was dabei alles passiert, steht offen; den Festpreis nennen wir nach der Messung, weil er von Größe und Aufwand abhängt.
Ihr Stand in wenigen Minuten
Der Sofort-Check misst Ihre Startseite und zwei Unterseiten — kostenlos, ohne Anmeldung.
Andere Systeme: Shopify · Shopware · WooCommerce · Magento · JTL · OXID · Wie wir messen