Barrierefreiheit mit Shopify
Shopify-Themes und -Apps entscheiden über die Barrierefreiheit. Der Checkout ist in weiten Teilen von Shopify vorgegeben.
Häufige Fundstellen
Theme-Farben mit zu wenig Kontrast, Produktbilder ohne Alt-Text, Bewertungs- und Popup-Apps ohne Tastaturbedienung, Mega-Menüs die nur bei Hover aufgehen, Karussells ohne Pause. Der Shopify-Kern ist meist nicht das Problem — Theme, Apps und im Rich-Text-Editor angelegte Inhalte sind es.
Theme prüfen und auswählen
Das Theme entscheidet über Kontrast, sichtbaren Fokus, Überschriften-Struktur und Tastaturbedienung von Menü und Filtern. Prüfkriterien vor der Wahl: Mit der Tab-Taste durch Startseite, Kollektion und Produktseite — ist der Fokus immer sichtbar? Öffnet sich das Menü auch ohne Maus? Kontrast von Text und Buttons mindestens 4,5:1? Die Online-Store-2.0-Standardthemes (Dawn und die davon abgeleiteten) sind ein solider Ausgangspunkt; bei gekauften Themes hilft ein Blick in die Demo mit dem Tastatur-Test und die Frage an den Anbieter nach einer Barrierefreiheits-Aussage.
Produktbilder, Varianten und Rich-Text
Jedem Produktbild im Admin einen Alt-Text geben, der den Inhalt beschreibt — nicht den Dateinamen. Bei Varianten-Bildern zählt das Gleiche. Text, der als Grafik in ein Badge oder Banner eingebrannt ist ("Sale", "Nur heute"), ist für Screenreader unsichtbar; besser als echter Text. Im Rich-Text-Editor der Produktbeschreibung die Überschriften-Ebenen sauber nutzen (nicht Text nur groß machen) und Listen als echte Listen.
Apps und eingebettete Widgets
Bewertungs-, Popup-, Upsell- und Cookie-Banner-Apps fügen oft eigene Widgets ein, die den Tastatur-Fokus einsperren, keine Labels haben oder Overlays ohne Schließen-Möglichkeit zeigen. Jede App einzeln mit der Tastatur testen; Slider- und Countdown-Apps brauchen eine Pause und dürfen nichts blinken lassen. Ein Barrierefreiheits-Overlay als App behebt die strukturellen Fehler nicht und wird von Betroffenenverbänden kritisiert. Im Zweifel: die App entfernen.
Checkout: was Shopify vorgibt, was nicht
Der Standard-Checkout von Shopify wird von Shopify gepflegt und ist in weiten Teilen zugänglich aufgebaut — dort hast du wenig Stellschrauben. Was du beeinflusst: Checkout-Erweiterungen und eigene Felder (Geschenknachricht, Altersabfrage) können die Bedienung mit der Tastatur oder dem Screenreader stören, und der Weg bis zum Checkout — Warenkorb, Rabattcode-Feld, Versandauswahl — liegt im Theme. Diese Schritte mitprüfen.
Testen und häufige Fragen
Schnelltest: Startseite, eine Kollektion und eine Produktseite nur mit der Tastatur bedienen, im Browser auf 200 % zoomen, eine Erweiterung wie WAVE oder axe DevTools laufen lassen. Der Gratis-Scan von a11yglass prüft zusätzlich das ausgelieferte HTML auf Kontrast, Alt-Texte, Labels, Sprache und Struktur. Braucht mein Shopify-Shop eine Barrierefreiheitserklärung? In der Regel ja — ein Shop, über den Verbraucher kaufen, ist elektronischer Geschäftsverkehr im Sinne des BFSG; siehe die Seite zur Barrierefreiheitserklärung. Ist Shopifys Checkout schon barrierefrei? Weitgehend Shopifys Verantwortung, aber Erweiterungen können ihn brechen. Welches Theme ist barrierefrei? Es gibt kein Siegel — entscheidend ist die Umsetzung im konkreten Fall.
Wie a11yglass hilft
Der kostenlose Scan prüft das ausgelieferte HTML und CSS auf automatisch erkennbare WCAG-Verstöße und nennt je Befund das Erfolgskriterium und eine konkrete Maßnahme. Er findet grob 20–35 % der Probleme und ersetzt keine vollständige Prüfung.
Weiterlesen
Allgemeine Information nach bestem Wissen, kein Rechtsrat. Für den Einzelfall eine auf IT-Recht spezialisierte Kanzlei hinzuziehen.