Barrierefreiheit für Shopify: was Sie in Theme und Apps prüfen

Fällt Ihr Shopify-Shop unter das BFSG?

Wer online an Verbraucher verkauft, erbringt eine Dienstleistung im elektronischen Geschäftsverkehr. Seit dem 28. Juni 2025 gilt dafür das BFSG, unabhängig von der Plattform des Shops. Ausgenommen sind nur Kleinstunternehmen mit weniger als zehn Beschäftigten und höchstens 2 Millionen Euro Jahresumsatz oder Jahresbilanzsumme.

Shopify stellt die Plattform, aber der Shop gehört Ihnen: das Theme, das Sie gewählt haben, Ihre Anpassungen, die Apps und die Inhalte.

Was wir in Shopify-Shops finden

In Testscans bekannter Shopify-Shops tauchten immer wieder dieselben Fehler auf:

• Slider-Schaltflächen ohne Namen. Die Pfeile von Produktslidern und Bildergalerien sind oft nur ein Symbol, das ein Screenreader als „Schaltfläche“ ansagt.
• Sichtbare Beschriftung und Name stimmen nicht überein. Ein Warenkorb-Symbol, auf dem „Warenkorb (2)“ steht, das im Code aber anders heißt. Wer den Computer per Sprache steuert, sagt, was er sieht, und nichts passiert.
• Zu kleine Klickflächen. Punkte unter Slidern und Schaltflächen in Produktbündeln sind oft kleiner als 24 mal 24 Pixel.
• Versteckte Felder, die trotzdem den Fokus bekommen. Apps für Bündel und Upsells verstecken manchmal Elemente vor Screenreadern, während Tastaturnutzer trotzdem darauf landen.
• Zu blasser Text. Sale-Preise, Kleingedrucktes und Links in Ankündigungsleisten.

Die meisten Fehler kommen mit dem Theme und den Apps

Themes im Shopify Theme Store müssen Anforderungen an die Barrierefreiheit erfüllen, bevor sie aufgenommen werden. Die Probleme kommen meist später: durch Anpassungen am Theme, durch Abschnitte aus Page-Buildern und durch Apps für Bewertungen, Bündel, Chat und Cookie-Einwilligung, die jeder Seite eigenen Code hinzufügen.

Warum eine Barrierefreiheits-App nicht die Lösung ist

Im Shopify App Store gibt es Apps, die Barrierefreiheit mit einer Werkzeugleiste oder einem „Overlay“ versprechen. Sie ändern, wie der Shop für Besucher aussieht, beheben aber weder das Theme noch den Code der anderen Apps. Wir verkaufen kein solches Widget und raten davon ab, sich darauf zu verlassen.

Wo die Fehler behoben werden

• Im Theme. Kopfbereich, Produktkacheln, Warenkorb-Schublade und Fußbereich stehen auf jeder Seite. Luentis gruppiert Befunde nach Vorlage, so erscheint ein Fehler in der Produktkachel als ein Fehler mit den Seiten, auf denen er vorkommt.
• In Apps. Erzeugt eine App Fehler, die sich in den Einstellungen nicht beheben lassen, fragen Sie den Entwickler oder ersetzen Sie die App.
• Im Inhalt. Alternativtexte für Produktbilder, klare Linktexte und Überschriften in der richtigen Reihenfolge gehören in den Shopify-Adminbereich.

Was der Scan nicht abdeckt

Wir prüfen öffentliche Seiten. Das Kundenkonto und der Shopify-Checkout liegen hinter dem Warenkorb und gehören nicht zum Scan. Ob ein Alternativtext sinnvoll ist oder ob der Warenkorb mit der Tastatur funktioniert, kann nur ein Mensch beurteilen. Dabei hilft Ihnen unsere geführte Prüfung.

So gehen Sie vor

1. Prüfen Sie Ihre Startseite kostenlos und sehen Sie, welche Fehler die automatischen Regeln finden.
2. Mit der Einzelprüfung prüfen wir bis zu 250 Seiten und zeigen, welche Fehler im Theme sitzen, mit dem Code zur Behebung.
3. Beheben Sie zuerst das Theme, dann die Apps, dann den Inhalt.
4. Beantworten Sie die geführte Prüfung und veröffentlichen Sie Ihre Erklärung zur Barrierefreiheit.

Mehr dazu, was Shops prüfen müssen, steht im Ratgeber für Online-Shops.