Barrierefreiheit im Shopify-Shop: BFSG und Prüfliste
Ein inklusiver Shopify-Shop ist zuerst ein barrierefreier Shop, den auch Menschen mit Seh-, Hör- oder motorischen Einschränkungen bedienen können. In Deutschland verlangt das Barrierefreiheitsstärkungsgesetz (BFSG) das seit dem 28. Juni 2025 von Onlineshops, die an Verbraucher:innen verkaufen; ausgenommen sind Kleinstunternehmen. Shopify gibt für Themes Richtwerte zu Kontrast, Schriftgröße, Links, Alt-Text, Slideshows und Tastaturbedienung vor, mit denen du deinen Shop prüfen kannst.
Was das BFSG für Onlineshops regelt
Nach § 1 Abs. 3 Nr. 5 BFSG gilt das Gesetz für Dienstleistungen im elektronischen Geschäftsverkehr, die nach dem 28. Juni 2025 für Verbraucher:innen erbracht werden. Gemeint sind laut § 2 Nr. 26 BFSG Angebote über Websites und Apps, die auf individuelle Anfrage von Verbraucher:innen im Hinblick auf den Abschluss eines Verbrauchervertrags erbracht werden, also ein Onlineshop, der an Privatkund:innen verkauft. Solche Dienstleistungen müssen nach § 3 Abs. 1 BFSG für Menschen mit Behinderungen „auffindbar, zugänglich und nutzbar“ sein, ohne besondere Erschwernis und grundsätzlich ohne fremde Hilfe.
Ausgenommen sind nach § 3 Abs. 3 BFSG Kleinstunternehmen, die Dienstleistungen anbieten. Das sind laut § 2 Nr. 17 Unternehmen mit weniger als zehn Beschäftigten und höchstens 2 Millionen Euro Jahresumsatz oder Jahresbilanzsumme. Ob dein Shop darunter fällt, lass von einer Rechtsberatung prüfen.
Prüfliste fürs Theme
Shopifys Hilfe Zugänglichkeit für Themes (Stand 23. Oktober 2026) orientiert sich an den Web Content Accessibility Guidelines (WCAG). Shopify weist darauf hin, dass die Richtwerte allein keine vollständige Barrierefreiheit garantieren.
| Bereich | Richtwert laut Shopify |
|---|---|
| Kontrast | Fließtext und Buttontext mindestens 4,5:1, Überschriften und Text ab 24 px mindestens 3:1, Rahmen von Eingabefeldern und Icons 3:1 |
| Text auf Bildern | dieselben Werte auf Bannern, Slideshows und Videos; manche Themes legen dafür eine Farbfläche zwischen Bild und Text |
| Überschriften | in Reihenfolge, ohne Ebenen zu überspringen |
| Schrift | Fließtext mindestens 16 px, kein Blocksatz |
| Links | unterstrichen oder anders hervorgehoben als nur durch Farbe, Öffnen im selben Tab |
| Slideshows und Videos | kein automatisches Abspielen; automatische Slideshows mit Steuerelementen, automatische Videos ohne Ton; Untertitel für Videos |
| Tastatur | jedes Bedienelement zeigt sichtbar an, wenn es den Fokus hat |
Prüfe die Kontraste mit einem Online-Kontrastrechner und die Tastaturbedienung mit der Tab-Taste, indem du Menü, Varianten, Warenkorb und Kasse ohne Maus ansteuerst. Änderungen an Farben und Schriften machst du im Theme-Editor; wie du dabei an einer Kopie arbeitest, zeigt unser Beitrag Shopify-Theme anpassen. Prüfe auch Apps, die Elemente in den Shop einfügen, etwa Pop-ups oder Chat-Fenster.
Alt-Text für Bilder
Screenreader lesen Menschen, die ein Bild nicht sehen, den Alt-Text vor. Laut Shopify trägst du ihn für Produktbilder im Adminbereich und für Bilder im Theme im Theme-Editor ein. Shopify empfiehlt, das Bild so zu beschreiben, als würdest du es jemandem mit geschlossenen Augen erklären, passend zum Zweck deines Shops. Wie du Alt-Texte schreibst und für viele Produkte auf einmal pflegst, steht in unserem Beitrag zu Alt-Text und Produktbildern.
Inklusive Inhalte
Barrierefreiheit betrifft auch, was du schreibst und zeigst. Beschreibe Größen, Maße und Material vollständig, damit niemand auf das Foto angewiesen ist. Nenne Lieferzeiten und Rückgabewege in der Produktbeschreibung oder auf einer eigenen Seite in einfacher Sprache.
Häufige Fragen
Gilt das BFSG für meinen Shopify-Shop? Das BFSG gilt seit dem 28. Juni 2025 für Onlineshops, die an Verbraucher:innen verkaufen. Ausgenommen sind Kleinstunternehmen mit weniger als 10 Beschäftigten und höchstens 2 Millionen Euro Jahresumsatz oder Jahresbilanzsumme; im Einzelfall entscheidet deine Rechtsberatung.
Sind Shopify-Themes barrierefrei? Shopify gibt für Themes Richtwerte nach den WCAG vor und weist darauf hin, dass sie allein keine vollständige Barrierefreiheit garantieren. Farben, Schriften, Bilder und Apps wählst du selbst; prüfe deshalb deinen eigenen Shop.
Wie prüfe ich die Tastaturbedienung? Springe mit der Tab-Taste durch Startseite, Produktseite, Warenkorb und Kasse. Jedes Bedienelement sollte sichtbar markiert sein, wenn es den Fokus hat.