Die meisten Onlineshop-Betreiber haben es bestimmt schon mitbekommen: Ab 28. Juni 2025 müssen Onlineshops im Zuge des Barrierefreiheitsstärkungsgesetzes barrierefrei sein. Die Umsetzung der Barrierefreiheit im Web ist eine große Herausforderung.
Exkurs: Das Barrierefreiheitsstärkungsgesetz
Das Barrierefreiheitsstärkungsgesetz (kurz: BFSG) setzt für Deutschland die EU-Richtlinie über die Barrierefreiheitsanforderungen für Produkte und Dienstleistungen um. Ziel der EU-Richtlinie ist es unter anderem, Menschen mit Behinderungen gleichberechtigten Zugang zu digitalen Angeboten zu ermöglichen. Das BFSG soll somit die digitale Teilhabe verbessern. Im E-Commerce bedeutet dies, dass Online-Shops für Menschen mit Einschränkungen besser nutzbar werden müssen.
Barrierefreiheit umfasst in diesem Kontext beispielsweise funktionierende Tastaturnavigation, Kompatibilität mit Screenreadern, angemessene Kontrastverhältnisse und gut lesbare sowie leicht verständliche Texte.
Barrierefreiheit im Web ist ein großes Thema, bei dem viele nicht wissen, wie man am besten anfängt. In Deutschland wurde dafür die EN 301 549 formuliert. Diese verweist auf die WCAG-Kritierien (Web Content Accessibilitgy Guidelines). Diese wiederum haben 3 Stufen: A bis AAA. In Deutschland soll wohl die Stufe AA umgesetzt werden. Das heißt: Alle Maßnahmen, auf die in der Stufe AA hingewiesen wird, müssen umgesetzt werden. Wir als empfehlen deshalb, dass sich Betreiber von Shopify Shops mit den WCAG auseinandersetzen, um die spezifischen Anforderungen an Barrierefreiheit zu verstehen.
Als Shopbetreiber hofft man natürlich darauf, dass die gewählte Softwarelösung bereits barrierefrei ist. Dies ist allerdings nur teilweise der Fall.
In diesem Artikel beleuchten wir als Shopify Agentur, wie Onlineshops mit Shopify barrierefrei gemacht werden können.
Kein Shopify Shop, sondern Shopware? Dann schauen Sie gerne in unserem Blogbeitrag zur Barrierefreiheit bei Shopware vorbei!
Ihren Shopify Shop barrierefrei machen - unsere Tipps
Shopify selbst empfiehlt, auf verschiedene wichtige Anpassungen für Barrierefreiheit zu achten. Beispielsweise beim Anpassen von Themes, um allen Nutzern ein inklusives Einkaufserlebnis zu ermöglichen. Besonders wichtig ist ein hoher Farbkontrast von mindestens 4,5:1 für normalen Text und 3:1 für große Überschriften. Texte sollten grundsätzlich in linksbündiger Ausrichtung und mit einer Mindestschriftgröße von 16 Pixeln dargestellt werden. Überschriften müssen logisch und hierarchisch richtig (H1, H2, H3 usw.) eingesetzt werden.
Ebenso sollten Textlinks deutlich hervorgehoben sein, beispielsweise durch Unterstreichung, und nicht nur durch Farbunterschiede. Bilder benötigen zudem beschreibende Alternativtexte (Alt-Texte), damit sie von Screenreadern erfasst werden können. Bei Media-Inhalten wie Slideshows oder Videos ist sicherzustellen, dass diese steuerbar und auch über die Tastatur navigierbar sind. Generell müssen alle wichtigen Funktionen der Website ohne Maus, also allein mit der Tastatur, erreichbar sein, um den Anforderungen an Barrierefreiheit zu entsprechen.
Natürlich sind dies nur einige der Anforderungen an barrierefreie Onlineshops. Das Thema umfasst viel mehr, als dass wir es in nur einem Blogbeitrag zusammenfassen könnten. Hilfreiche Anlaufstellen sind auch die WCAG Kriterien.
Die E-Commerce und Shopify Agentur 7thSENSE unterstützt Sie mit Screendesign und SEO-Optimierungen für Barrierefreiheit wie H-Tags, Meta-Tags und Alt-Texten.
Shopify Barrierefreiheit - Herausforderungen
Bei der Umsetzung der Barrierefreiheit im mit Shopify (aber auch anderen Shopsystemen) – insbesondere im Hinblick auf das BFSG – stehen Onlineshop-Betreiber vor mehreren Herausforderungen:
Obwohl Shopify moderne, responsive Themes bietet, sind diese nicht automatisch vollständig barrierefrei. Viele Anforderungen – etwa eine durchgängige Tastaturnavigation, ein sichtbarer Tastatur-Fokuszustand (mit Focus-Border) oder korrekt eingesetzte Alt-Texte – müssen manuell geprüft und nachträglich angepasst werden. Gerade bei individuell angepassten Themes kann dies technischen Mehraufwand bedeuten.
Auch gestalterisch ergeben sich Einschränkungen: Farben, Slideshows oder Hover-Effekte müssen gegebenenfalls überdacht werden, um die WCAG-Kriterien zu erfüllen. Dies kann insbesondere im Bezug auf Themes oder Corporate Design auf einige Schwierigkeiten treffen.
Auf redaktioneller Ebene erfordert der Umbau ebenfalls Einsatz: Alt-Texte, strukturierte Überschriften, eindeutige Anker-Texte (Linkbeschriftungen) und eine leicht verständliche Sprache sind Voraussetzungen.
Ein zusätzlicher Punkt ist die Testbarkeit: Shopify bietet keine integrierten Accessibility-Checks, weshalb externe Tools (z. B. Google Lighthouse oder Contrast Checker) sowie der Einsatz von Screenreadern notwendig sind. Auch rechtlich bleibt Unsicherheit, wie Shopify-Shops im Detail von den Marktüberwachungsbehörden geprüft werden.
Als Shopify Agentur kennen wir von 7thSENSE diese Herausforderungen mit dem Shopsystem und begleiten Sie Schritt für Schritt in der Umsetzung.
Konsequenzen bei Nichteinhaltung
Wer als Shopify-Shop-Betreiber die Vorgaben des BFSG nicht einhält, riskiert rechtliche und finanzielle Konsequenzen. Die eigens zur Kontrolle der Barrierefreiheit erstellten Marktüberwachungsbehörden können:
- Anordnungen zur Beseitigung von Mängeln erlassen
- Zwangsgelder verhängen
- Bußgelder bis zu 100.000 € verhängen
Zusätzlich können Verbände, Verbraucherschutzorganisationen und betroffene Nutzer und sogar Wettbewerber Verstöße melden oder rechtlich gegen Unternehmen vorgehen. Für E-Commerce-Anbieter bedeutet das:
- Gefahr von Abmahnungen und gerichtlichen Verfahren
- Imageverlust und negative öffentliche Wahrnehmung
- potenzieller Umsatzrückgang, wenn barrierefreie Alternativen bevorzugt werden
Besonders kritisch ist außerdem, dass Barrierefreiheit zunehmend als Qualitäts- und Wettbewerbsfaktor wahrgenommen wird. Unternehmen, die rechtzeitig reagieren, können sich als innovativ und inklusiv positionieren, während Unternehmen, die in diesem Aspekt hinterherhinken, weniger positiv wahrgenommen werden können..
So wird Ihr Shopify Shop barrierefrei
Wir empfehlen Ihnen als Betreiber eines Shopify Shops, sich mit sowohl mit dem BFSG als auch den WCAG Kriterien auseinanderzusetzen.
7thSENSE unterstützt Sie gerne bei der Umsetzung von Barrierefreiheit in Ihrem Onlineshop, empfehlen Ihnen aber, immer die Rechtsabteilung sowie Anwälte und Experten für Barrierefreiheit hinzuzuziehen, um eine, dem BFSG entsprechenden Umsetzung von Barrierefreiheit, in Ihrem Shopify Shop zu erreichen.