Shopify legt den Großteil der Grenze zwischen barrierefrei und nicht barrierefrei in Ihr Theme, und das ist eine gute Nachricht: Das Theme gehört Ihnen. Die Kasse nicht — und diese Grenze entscheidet, was Sie einer Kundin zusagen können.
Der Europäische Rechtsakt zur Barrierefreiheit gilt für E-Commerce, der an EU-Verbraucher verkauft wird; für viele Shops hörte das im Juni 2025 auf, freiwillig zu sein.
Was Sie kontrollieren — und was nicht
Alles bis zur Kasse ist Theme-Code: Templates, Sections, Snippets und was immer Apps einschleusen. Das alles können Sie beheben.
Die gehostete Kasse gehört Shopify. Sie können ihr Markup nicht ändern, ihre Konformität ist also eine Frage an Shopify — und eine berechtigte, die man schriftlich stellen sollte, denn Ihre eigene Erklärung muss etwas dazu sagen. Shopify-Plus-Händler haben über Checkout Extensibility mehr Spielraum, aber der Kernablauf bleibt Shopifys.
Die Theme-Fehler, die in fast jedem Shop auftauchen
Auch von Dawn abgeleitete Themes driften, sobald ein Shop ein Jahr lang angepasst wurde.
- nicht soProduktbilder mit `alt="{{ product.title }}"` an jedem Bild, sodass eine Galerie mit sechs Bildern sechsmal denselben Satz ansagt. Nutzen Sie das Alt-Feld je Bild, und leeres Alt für rein dekorative Aufnahmen.
- nicht soReine Icon-Schaltflächen — Warenkorb, Suche, Merkliste, Mengenregler — ohne zugänglichen Namen. Ergänzen Sie ein optisch verstecktes Span oder ein `aria-label`, das die Aktion benennt.
- nicht soSale-Badges und Preisunterschiede, die allein über Farbe getragen werden — ein Verstoß gegen 1.4.1.
- nicht soAktionspreise so ausgezeichnet, dass ein Screenreader beide Zahlen vorliest, ohne zu sagen, welche gilt. Setzen Sie den alten Preis in `<s>` und beschriften Sie ihn.
- nicht soVarianten-Swatches aus `div`s mit Klick-Handlern statt aus Radio-Eingaben — per Tastatur unerreichbar.
- nicht soMengenregler unter 24 × 24 CSS-Pixeln, ein Verstoß gegen 2.5.8 in WCAG 2.2.
- nicht soDie Ankündigungsleiste rotiert automatisch, ohne Pause — ein Verstoß gegen 2.2.2.
Bei Apps verlässt die Barrierefreiheit still den Raum
Ein Shop mit fünfzehn Apps hat fünfzehn Quellen für eingeschleustes Markup, das niemand geprüft hat. Bewertungs-Popups, Währungsumschalter, Cookie-Banner und Upsell-Modals sind die üblichen Verdächtigen — und ein Modal, das den Tastaturfokus einsperrt, ist ein Verstoß gegen 2.1.2, der die Sitzung beendet.
Bevor Sie irgendetwas installieren, das im Shop erscheint: öffnen Sie es und drücken Sie Tab. Wenn Sie es nicht mit der Tastatur erreichen und schließen können, ist es ein Risiko — was immer es für die Konversion tut.
Eine Reihenfolge, die in einen Sprint passt
Sie brauchen keinen Neubau. Reparieren Sie die Templates, und jedes Produkt erbt es.
- tunPrüfen Sie Produktseite, Kategorieseite, Warenkorb und Kontoseiten. Vier Templates decken den größten Teil des Shops ab.
- tunReparieren Sie die Behandlung des Alternativtexts im Produktbild-Snippet ein einziges Mal.
- tunGeben Sie jeder Icon-Schaltfläche im Header- und im Karten-Snippet einen Namen.
- tunPrüfen Sie den Kontrast an Sale-Badges, deaktivierten Schaltflächen und der Ankündigungsleiste — die drei Stellen, an denen Markenfarbe üblicherweise verliert.
- tunSchließen Sie einen Kauf allein mit der Tastatur ab, bis zur Übergabe an die Kasse.
- tunSetzen Sie diese Templates auf einen wöchentlichen Scan, damit das nächste Theme-Update es nicht rückgängig macht.
Was in Ihre Erklärung gehört
Benennen Sie die Grenze ausdrücklich: Das Theme liegt in Ihrer Verantwortung, und hier ist sein Stand; die Kasse stellt Shopify bereit, und hier ist, was Shopify dazu veröffentlicht. Das ist ehrlich, es ist überprüfbar, und es ist weit besser als eine pauschale Behauptung, die Sie nicht belegen können.
Fragen
- Ist Shopify von Haus aus barrierefrei?
- Shopifys Referenz-Theme Dawn startet in ordentlichem Zustand. Was bei der Kundschaft ankommt, ist Ihre angepasste Fassung plus Apps — und dort sammeln sich die Fehlschläge. Die Plattform macht Ihren Shop nicht konform.
- Kann ich die Shopify-Kasse reparieren?
- Im Standardtarif nicht — das Markup gehört Ihnen nicht. Dokumentieren Sie die Grenze in Ihrer Erklärung zur Barrierefreiheit und melden Sie konkrete Befunde an Shopify. Plus-Händler haben über Checkout Extensibility mehr Spielraum.
- Beheben Barrierefreiheits-Apps aus dem Shopify App Store das?
- Die meisten sind Overlays, und die reparieren das darunterliegende Markup nicht. Das Theme zu reparieren kostet ungefähr dasselbe und ist dauerhaft.
Weiterlesen