Shopify barrierefrei machen (BFSG): Was Shop-Betreiber jetzt tun müssen
Warum Shopify-Themes selten von Haus aus BFSG-konform sind, welche vier Schwachstellen am häufigsten auftreten und wie Sie sie ohne Theme-Wechsel beheben.
Ein Shopify-Shop ist selten von Haus aus BFSG-konform. Shopify liefert eine solide technische Basis, aber die Barrierefreiheit hängt fast vollständig am gewählten Theme und an den installierten Apps. Die vier häufigsten Schwachstellen sind zu schwache Farbkontraste, Buttons ohne verständliche Beschriftung, per App eingeblendete Overlays als Tastaturfallen und fehlende Alternativtexte an Produktbildern. Alle vier lassen sich ohne Theme-Wechsel beheben.
Ist Shopify von Haus aus barrierefrei?
Nein. Shopify stellt Struktur und Checkout bereit, aber ob Ihr Shop die BFSG-Kriterien erfüllt, entscheidet das Theme. Viele beliebte Themes nutzen helle Grautöne, dünne Schriften und Icon-Buttons, die die Kriterien für Kontrast und Beschriftung reißen. Der Standard-Checkout von Shopify ist vergleichsweise ordentlich, kann aber durch Anpassungen und Checkout-Apps wieder Barrieren bekommen.
Die vier häufigsten Schwachstellen bei Shopify
- Farbkontrast: Theme-Grautöne für Text, Preise und Buttons sind oft zu hell (unter dem geforderten Verhältnis von 4,5:1).
- Button- und Icon-Beschriftung: Warenkorb-, Such- und Menü-Icons ohne Textalternative sind für Screenreader stumm.
- App-Overlays: Cookie-Banner, Newsletter-Popups und Rabatt-Widgets von Apps fangen oft den Tastaturfokus oder lassen sich nicht per Escape schließen.
- Alternativtexte: Produkt- und Bannerbilder ohne Alt-Text. In Shopify wird der Alt-Text je Bild im Produkt gepflegt, nicht im Theme.
Wie behebe ich das konkret?
Passen Sie im Theme-Editor die Farben so an, dass Text und Buttons ausreichend Kontrast haben. Pflegen Sie zu jedem Produktbild einen aussagekräftigen Alt-Text. Prüfen Sie jede installierte App darauf, ob ihr Overlay per Tastatur bedien- und schließbar ist, und entfernen Sie überflüssige. Testen Sie danach den gesamten Kaufweg einmal nur mit der Tastatur.
Dieser Artikel ist keine Rechtsberatung, keine Zertifizierung und keine Konformitätsgarantie. Er beschreibt einen strukturierten Prüf- und Dokumentationsansatz.
FAQ
Ist ein Shopify-Shop automatisch BFSG-konform?
Nein. Shopify liefert die Basis, aber Barrierefreiheit hängt am Theme und an den Apps. Die häufigsten Probleme sind Kontrast, fehlende Button-Beschriftungen, App-Overlays und fehlende Alt-Texte.
Wo pflege ich Alt-Texte in Shopify?
Je Bild direkt am Produkt oder im Media-Bereich, nicht im Theme. Jedes inhaltlich relevante Bild braucht einen kurzen, aussagekräftigen Alternativtext.
Ist der Shopify-Checkout barrierefrei?
Der Standard-Checkout ist vergleichsweise ordentlich, kann aber durch Anpassungen und Checkout-Apps wieder Barrieren bekommen. Testen Sie den Kaufweg einmal nur mit der Tastatur.