Shopify Barrierefreiheit prüfen — EAA-Konformität

Shopify hat in den letzten Jahren Barrierefreiheit stärker in den Fokus gerückt. Das Standard-Theme 'Dawn' und andere Themes der Online Store 2.0 Architektur enthalten grundlegende Accessibility-Features wie semantisches HTML, Skip-Links und ARIA-Labels.

Dennoch gibt es systembedingte Einschränkungen:

• Theme-Abhängigkeit: Die Barrierefreiheit variiert stark zwischen verschiedenen Themes. Viele Drittanbieter-Themes aus dem Theme Store haben Kontrastprobleme und fehlende Tastaturnavigation
• App-Integration: Shopify-Apps für Bewertungen, Upselling und Pop-ups fügen häufig nicht-barrierefreie Elemente ein
• Eingeschränkte Kontrolle: Im Gegensatz zu WordPress haben Shopify-Nutzer weniger Kontrolle über das generierte HTML — Anpassungen erfordern Liquid-Template-Bearbeitung
• Checkout: Der Shopify-Checkout ist ein eigenständiges System. Shopify verbessert dessen Barrierefreiheit kontinuierlich, aber individuelle Anpassungen sind nur im Checkout Extensibility Framework möglich

Das BFSG unterscheidet nicht zwischen Plattformen — die WCAG 2.1 AA Anforderungen gelten für jeden Shopify-Shop, der deutsche Verbraucher bedient.

Bei der Analyse von Shopify-Shops mit CompliScan treten folgende Probleme besonders häufig auf:

• Produktbilder ohne alt-Texte: Shopify bietet ein alt-Text-Feld in der Produktverwaltung, aber viele Händler lassen es leer — besonders bei Varianten-Bildern
• Farbauswahl-Swatches: Produktvarianten werden oft als farbige Kreise ohne Textbeschriftung dargestellt — für Screenreader und farbenblinde Nutzer unzugänglich
• Hamburger-Menü auf Desktop: Einige Themes verstecken die Navigation hinter einem Menü-Icon, das nicht korrekt per Tastatur bedienbar ist
• Slideshow-Sektionen: Automatisch rotierende Produktslider ohne Pause-Button und ohne Tastatursteuerung
• Quick-View-Modals: Produkt-Schnellansichten, die den Fokus nicht fangen und per Tastatur nicht schließbar sind
• Newsletter-Pop-ups: Häufig nicht fokussierbar und ohne sichtbaren Schließen-Button per Tastatur

Die meisten Probleme lassen sich durch Theme-Anpassungen im Liquid-Code beheben. CompliScan liefert für jeden Befund einen konkreten Lösungsvorschlag.

Die Barrierefreiheit eines Shopify-Shops lässt sich durch gezielte Maßnahmen erheblich verbessern:

• Theme sorgfältig wählen: Dawn und andere Shopify-eigene Themes haben die beste Accessibility-Grundlage. Bei Drittanbieter-Themes vor dem Kauf die Tastaturnavigation und den Farbkontrast testen
• Alt-Texte für alle Produktbilder: In der Shopify-Produktverwaltung das alt-Text-Feld konsequent ausfüllen. Beschreiben Sie das Produkt, nicht das Bild — z. B. 'Blaues Leinenhemd, Slim Fit, Frontansicht'
• Apps auf Barrierefreiheit prüfen: Vor der Installation jede App im Browser mit Tastatur testen. Bevorzugen Sie Apps, die Barrierefreiheit explizit dokumentieren
• Farbkontrast anpassen: Im Theme-Editor die Farbeinstellungen prüfen. Textfarben und Hintergrundfarben müssen ein Kontrastverhältnis von mindestens 4,5:1 erreichen
• Liquid-Templates optimieren: Focus-Stile hinzufügen, fehlende ARIA-Labels ergänzen und die Überschriftenhierarchie korrigieren

Für Shopify-Händler ohne Entwicklungserfahrung empfiehlt sich die Zusammenarbeit mit einem Shopify-Partner, der Erfahrung mit Barrierefreiheit hat. CompliScan liefert den konkreten Maßnahmenkatalog.

CompliScan prüft Ihren Shopify-Shop gegen WCAG 2.1 AA — den vom BFSG geforderten Standard. Der Scan analysiert das gerenderte HTML inklusive aller Shopify-Apps und Theme-Anpassungen.

So gehen Sie vor:

• Shop-URL eingeben: Der kostenlose Scan liefert in Sekunden einen vollständigen Barrierefreiheitsbericht mit Konformitätswert
• Produktseiten prüfen: Scannen Sie zusätzlich einzelne Produktseiten — hier treten die meisten shopspezifischen Probleme auf
• Fixes umsetzen: Die KI-Lösungsvorschläge können direkt in den Shopify Theme-Editor (Liquid-Templates) übernommen werden
• Dauerhaft überwachen: Mit Shield (€49/Monat) wird Ihr Shop wöchentlich automatisch gescannt. So erkennen Sie Regressionen durch Theme-Updates oder neue Apps sofort

Der Gratis-Scan erfordert keine Registrierung. Shopify-Agenturen nutzen den Agency-Plan (€299/Monat) für die systematische Barrierefreiheitsprüfung aller Kundenprojekte.