Barrierefreiheit für Shopify-Shops: Der komplette Guide

Shopify und Barrierefreiheit: Geteilte Verantwortung

Shopify hat erhebliche Fortschritte bei der Barrierefreiheit gemacht und testet seine Features kontinuierlich auf WCAG 2.1 Level AA. Aber — und das ist entscheidend — Shopify sieht die Verantwortung für einen barrierefreien Shop klar beim Shop-Betreiber.

Auch wenn Ihr Theme WCAG-konform ist, können Ihre Inhalte, Bilder und Anpassungen die Barrierefreiheit wieder zunichte machen.

Was Shopify von Haus aus bietet

Shopifys neuere Themes (insbesondere Dawn und die Online Store 2.0 Themes) bringen grundlegende Barrierefreiheits-Features mit:

Aber: Viele Third-Party-Themes und ältere Themes erfüllen diese Standards nicht. Besonders Themes von Marktplätzen außerhalb des offiziellen Shopify Theme Stores sind häufig problematisch.

Die häufigsten Probleme in Shopify-Shops

1. Produktbilder ohne Alt-Texte

Shopify bietet ein Alt-Text-Feld für jedes Produktbild — aber es wird selten genutzt. Standardmäßig bleibt es leer.

Lösung: Alt-Texte in der Shopify-Admin unter Produkte > Medien setzen. Für Massenbearbeitung: CSV-Export, Alt-Texte ergänzen, wieder importieren.

2. Custom Sections und Liquid-Code

Sobald Sie eigene Sections oder Liquid-Code verwenden, liegt die Barrierefreiheit komplett bei Ihnen: Custom Buttons als div statt button, fehlende aria-labels bei Icon-Only-Buttons, Accordion-Sections ohne ARIA-Rollen.

3. Third-Party-Apps

Die meisten Shopify-Apps (Reviews, Popups, Upsells, Chat-Widgets) injizieren eigenen Code — und der ist oft nicht barrierefrei. Popup-Modals ohne Focus-Trap, Review-Slider nur per Maus bedienbar, Chat-Widgets ohne Tastatur-Support.

Lösung: Testen Sie jede App mit der Tastatur und einem Screenreader. VoiceOver auf Mac ist kostenlos.

4. Slider und Karussells

Slideshow-Sections sind allgegenwärtig — und fast immer problematisch: automatisches Abspielen ohne Pause-Button, keine Tastatursteuerung, kein aria-live für Slide-Wechsel.

5. Checkout-Barrierefreiheit

Der Shopify-Checkout wird von Shopify verwaltet und wurde deutlich verbessert. Aber Custom Checkout-Extensions müssen selbst barrierefrei sein.

Shopify Apps für Barrierefreiheit

Es gibt mehrere Apps die helfen:

Warnung: Viele dieser Apps sind Overlay-basiert — sie legen ein Widget über Ihren Shop. Das ersetzt keine echte Code-Barrierefreiheit. Overlays sind rechtlich umstritten und wurden in Klagen als unzureichend bewertet.

Unsere Empfehlung