Es ist Montagmorgen, du sitzt im Meeting mit deinem Team – und plötzlich fällt die Frage: „Mussten wir bis zum 28. Juni 2025 barrierefrei sein? Und was bedeutet das eigentlich konkret für unseren Shopware-6-Shop?" Wenn du dafür Unterstützung brauchst, kann eine Shopware Agentur helfen, die offenen Baustellen schnell zu strukturieren. Die Stimmung kippt von entspannt zu angespannt. Denn obwohl du schon von digitaler Barrierefreiheit gehört hast, ist dir nicht ganz klar, wo du anfangen sollst. Checkout per Tastatur bedienbar? Alt-Texte für alle Produktbilder? Kontraste prüfen? Screenreader-Tests? Die To-do-Liste wird länger, die Zeit bis zur gesetzlichen Deadline kürzer – und die Unsicherheit größer.
Genau hier setzt dieser Artikel an. Wir zeigen dir Schritt für Schritt, was Shopware 6 barrierefrei in der Praxis bedeutet, welche rechtlichen Rahmenbedingungen du kennen musst, welche Features Shopware bereits mitbringt und wo du selbst Hand anlegen solltest. Du erfährst, welche konkreten Maßnahmen wirklich zählen, wie du deinen Shop systematisch testest und wie du die häufigsten Fehler vermeidest. Am Ende hast du einen klaren Plan, mit dem du rechtzeitig und rechtssicher lieferst – und gleichzeitig mehr Menschen erreichst, Kaufabbrüche senkst und dein Markenimage stärkst.
Wenn du „Shopware 6 barrierefrei" hörst, denkst du vielleicht zuerst an technische Details oder komplizierte Richtlinien. Doch im Kern geht es um etwas sehr Einfaches: Dein Onlineshop soll für alle Menschen nutzbar sein – unabhängig davon, ob jemand eine Sehbeeinträchtigung hat, motorische Einschränkungen mitbringt oder vorübergehend nur eine Hand frei hat. Barrierefreiheit bedeutet, dass deine Inhalte wahrnehmbar, bedienbar, verständlich und robust sind – auf jedem Gerät, in jedem Browser und mit jeder assistiven Technologie.
Konkret heißt das: Deine Produktbilder brauchen aussagekräftige Alt-Texte, damit Screenreader-Nutzer wissen, was darauf zu sehen ist. Deine Formulare im Checkout benötigen klare Labels, damit jede Eingabe verständlich bleibt. Deine Navigation muss per Tastatur funktionieren, damit niemand auf die Maus angewiesen ist. Und deine Farbkontraste sollten hoch genug sein, damit Texte auch bei Sonneneinstrahlung auf dem Smartphone lesbar bleiben. All diese Maßnahmen verbessern nicht nur die Zugänglichkeit für Menschen mit Behinderungen, sondern steigern die Usability für alle Nutzer.
Die gute Nachricht: Shopware 6 bringt bereits eine solide technische Basis mit. Semantisches HTML, strukturierte Daten und eine durchdachte Template-Architektur sind von Haus aus vorhanden. Mit Version 6.6 wurden zudem umfangreiche Verbesserungen im Standard-Theme eingeführt – von optimierter Tastaturbedienbarkeit über Screenreader-Unterstützung bis hin zu besseren Farbkontrasten. Allerdings musst du diese Features in Shopware 6.6 aktuell noch manuell aktivieren, etwa über das Feature-Flag ACCESSIBILITY_TWEAKS in der .env-Datei. Ab Shopware 6.7, das voraussichtlich im Mai 2025 erscheint, sind diese Funktionen standardmäßig aktiv – rechtzeitig vor der gesetzlichen Deadline.
Die weniger gute Nachricht: Barrierefreiheit ist kein reines Theme-Thema. Ein Großteil hängt von deinen individuellen Anpassungen, deinem Content und deinen Plugins ab. Wenn du ein Custom Theme nutzt, musst du sicherstellen, dass deine Twig-Templates, SCSS-Variablen und JavaScript-Komponenten barrierefrei gestaltet sind. Wenn du Plugins einsetzt – etwa für Filter, Slider, Cookie-Banner oder Modals – können diese schnell neue Barrieren einbauen, selbst wenn das Standard-Theme konform ist. Und wenn dein Content-Team Produktbeschreibungen ohne Alt-Texte hochlädt, Videos ohne Untertitel einbindet oder Linktexte wie „Hier klicken" verwendet, nützt dir das beste Theme nichts.
Erwartungsmanagement ist also wichtig: Shopware hilft dir enorm – aber übernimmt nicht alles automatisch. Du bist verantwortlich für die finale Umsetzung, für Content-Qualität, für Plugin-Audits und für regelmäßige Tests. Und genau deshalb lohnt es sich, jetzt systematisch vorzugehen, damit du am 28. Juni 2025 nicht nur rechtlich abgesichert bist, sondern auch von den wirtschaftlichen Vorteilen profitierst: mehr Reichweite, weniger Kaufabbrüche, bessere Conversion und ein stärkeres Markenimage.
Am 28. Juni 2025 tritt das Barrierefreiheitsstärkungsgesetz (BFSG) in Kraft. Es ist die deutsche Umsetzung des European Accessibility Act (EAA), einer EU-Richtlinie, die für alle Mitgliedsstaaten bestimmte Mindeststandards vorgibt. Das BFSG regelt, wie diese Vorgaben in Deutschland konkret umzusetzen sind.
Das Gesetz richtet sich grundsätzlich an Onlineshops, die Endkunden (B2C) beliefern. Wenn dein Shop Produkte oder Dienstleistungen an Privatkunden verkauft, bist du mit hoher Wahrscheinlichkeit betroffen. Reine B2B-Shops sind derzeit häufig nicht im Fokus oder teils ausgenommen – allerdings solltest du die Entwicklung im Auge behalten, da sich die Rechtslage ändern kann. Wenn dein Shop sowohl an Unternehmen als auch an Privatkunden verkauft, gilt: sobald Endkunden adressiert werden, ist Barrierefreiheit relevant.
Es gibt jedoch Ausnahmen, die für manche Unternehmen greifen können. Häufig genannt werden Kleinstunternehmen mit weniger als 10 Mitarbeitenden und einem Jahresumsatz oder einer Bilanzsumme unter 2 Millionen Euro. Weitere mögliche Ausnahmen betreffen Fälle, in denen die Umsetzung der Barrierefreiheit die Leistungsfähigkeit des Unternehmens gefährdet, den eigentlichen Zweck des Angebots beeinträchtigt oder ein wirtschaftliches Risiko darstellt. Diese Informationen sind jedoch keine verbindliche Rechtsberatung, sondern allgemeine Hinweise. Ob du tatsächlich ausgenommen bist, hängt immer von deinem konkreten Einzelfall ab – im Zweifel solltest du dich juristisch beraten lassen.
Wer die gesetzlichen Vorgaben ignoriert, riskiert Sanktionen und Strafen. Die genauen Konsequenzen sind noch nicht in allen Details ausformuliert, doch das Risiko ist real. Unabhängig von einer rechtlichen Pflicht solltest du Barrierefreiheit jedoch als Chance betrachten: Wer sich frühzeitig darum kümmert, profitiert von einer größeren Zielgruppe, zufriedeneren Kunden und einem stärkeren Markenauftritt – und vermeidet gleichzeitig mögliche rechtliche Risiken.
Um zu verstehen, was „barrierefrei" konkret bedeutet, lohnt sich ein Blick auf die internationalen und nationalen Richtlinien, an denen sich die Anforderungen orientieren. Die wichtigste Referenz sind die Web Content Accessibility Guidelines (WCAG) – ein internationaler Standard, der von der Web Accessibility Initiative (WAI) des W3C entwickelt wurde. Die WCAG definieren klare Kriterien für barrierefreie Webinhalte und sind weltweit anerkannt.
In Deutschland kommt zudem die Barrierefreie-Informationstechnik-Verordnung (BITV) ins Spiel, die sich ebenfalls stark an den WCAG orientiert und für öffentliche Stellen verbindlich ist. Auch wenn dein Shop nicht direkt unter die BITV fällt, bietet sie eine wertvolle Orientierung für die praktische Umsetzung. Als Zielniveau wird häufig WCAG 2.1 Level AA empfohlen – ein realistischer und gut erreichbarer Standard, der einen Großteil der relevanten Anforderungen abdeckt.
Wichtig ist: Es geht nicht darum, ein „Zertifikat um jeden Preis" zu bekommen, sondern darum, deinen Shop nachweisbar zugänglich zu machen. Automatisierte Tools wie Lighthouse oder WAVE helfen dir, die Konformität zu prüfen – doch sie ersetzen nicht die manuelle Überprüfung durch echte Nutzer und realistische Testszenarien. Nur so stellst du sicher, dass wirklich alle Barrieren beseitigt sind.
Die WCAG basieren auf vier grundlegenden Prinzipien, die als POUR abgekürzt werden: Perceivable (Wahrnehmbar), Operable (Bedienbar), Understandable (Verständlich) und Robust (Robust). Diese Prinzipien sind dein roter Faden, wenn du deinen Shop barrierefrei gestaltest – egal ob du Designer, Entwickler, Content-Manager oder Projektleiter bist.
Alle Inhalte müssen für Menschen mit unterschiedlichen Einschränkungen wahrnehmbar sein. Das bedeutet konkret:
Dein Shop muss ohne Maus bedienbar sein, damit Personen mit motorischen Einschränkungen, die Tastatur oder andere Hilfsmittel nutzen, ebenfalls einkaufen können. Achte auf:
Inhalte und Bedienung müssen klar und nachvollziehbar sein. Das umfasst:
Dein Shop muss auf verschiedenen Browsern, Geräten und mit assistiven Technologien zuverlässig funktionieren. Das bedeutet:
Shopware 6 bietet dir eine solide Grundlage für barrierefreie Shops. Semantisches HTML, strukturierte Daten und eine durchdachte Template-Architektur sind von Anfang an vorhanden. Mit Version 6.6 wurden umfangreiche Anpassungen im Standard-Theme vorgenommen, die speziell auf Barrierefreiheit ausgerichtet sind. Dazu gehören:
Allerdings: In Shopware 6.6 müssen diese Verbesserungen manuell aktiviert werden, etwa über die Konfiguration oder das Feature-Flag ACCESSIBILITY_TWEAKS in der .env-Datei. Ab Shopware 6.7 (voraussichtlich Mai 2025) sind diese Funktionen standardmäßig aktiv – rechtzeitig vor der BFSG-Deadline am 28. Juni 2025.
Doch selbst mit einem konformen Standard-Theme bist du nicht automatisch fertig. Barrierefreiheit ist kein reines Theme-Thema, sondern hängt stark von folgenden Faktoren ab:
Erwartungsmanagement: Shopware hilft dir enorm – aber du bist für die finale Umsetzung verantwortlich. Deshalb ist es wichtig, systematisch vorzugehen und alle Ebenen (Design, Content, Technik, Prozesse) im Blick zu behalten.
Die Shopware-Version, die du nutzt, hat direkten Einfluss darauf, wie gut du für die BFSG-Deadline vorbereitet bist. Hier ein Überblick:
Der Support für Shopware 5 wurde bereits im Juli 2024 eingestellt. Es gibt offiziell keine neuen Updates mehr – insbesondere keine Features zur Umsetzung barrierefreier Shops. Wenn du noch auf Shopware 5 läufst, ist jetzt der richtige Zeitpunkt für einen Umstieg auf Shopware 6. Andernfalls riskierst du nicht nur rechtliche Probleme, sondern auch Sicherheitslücken und veraltete Technologie. Wenn du den Wechsel planst, hilft dir auch ein strukturierter Shopware-Umzug, typische Stolpersteine früh zu vermeiden.
Mit Shopware 6.6 wurden umfangreiche Anpassungen für Barrierefreiheit im Standard-Theme eingeführt. Diese müssen jedoch noch manuell aktiviert werden – etwa über das Feature-Flag ACCESSIBILITY_TWEAKS in der .env-Datei. Prüfe auch alle individuellen Anpassungen in Themes und Plugins, um sicherzustellen, dass sie ebenfalls barrierefrei sind.
Mit der nächsten Major-Version Shopware 6.7, die voraussichtlich im Mai 2025 erscheint, werden die Barrierefreiheitsfunktionen im Standard-Theme standardmäßig aktiv sein. Das bedeutet: Wer auf 6.7 upgradet, profitiert automatisch von den Verbesserungen – ohne manuelle Konfiguration. Dennoch bleiben individuelle Anpassungen, Content und Plugins in deiner Verantwortung.
In der Praxis zeigen sich immer wieder dieselben Herausforderungen, wenn es um die Umsetzung von Shopware 6 barrierefrei geht. Hier sind die wichtigsten Bereiche, die du systematisch angehen solltest:
Dieser Bereich wird oft unterschätzt, ist aber entscheidend:
Alt-Texte und ARIA-Attribute sind zwei zentrale Werkzeuge für Barrierefreiheit – doch sie werden oft falsch verwendet. Hier die wichtigsten Regeln:
Der Alt-Text beschreibt den Zweck oder Inhalt eines Bildes im jeweiligen Kontext. Er sollte nicht einfach der Dateiname sein, sondern eine sinnvolle Beschreibung liefern. Wenn neben dem Bild bereits ein erklärender Text steht, kann der Alt-Text leer bleiben (alt=""), um Dopplungen zu vermeiden.
Ein häufiger Fehler: Wenn ein Link nur aus einem Bild besteht (z. B. ein Logo oder Icon), reicht der Alt-Text am Bild nicht aus, um den Zweck des Links zu erklären. In diesem Fall sollte der Link selbst ein aria-label erhalten, das die Funktion oder das Ziel des Links beschreibt. Das Bild selbst erhält dann ein leeres alt="", damit der Screenreader nur das aria-label liest und nicht redundante Informationen ausgibt.
ARIA (Accessible Rich Internet Applications) ist kein Pflaster für schlechtes HTML. Setze ARIA-Attribute nur ein, wenn HTML allein nicht ausreicht. Ein gut formulierter Alt-Text kann nicht vollständig den Zweck eines Links ersetzen, wenn das Bild alleiniger Linkinhalt ist. Nur ein aria-label am Link selbst stellt sicher, dass Screenreader-Nutzer die Funktion und Zielrichtung klar verstehen – unabhängig vom Bildinhalt.
Jetzt wird es konkret. Hier ist deine Roadmap zur Umsetzung von Shopware 6 barrierefrei – Schritt für Schritt, praxisnah und umsetzbar.
Nutze automatisierte Tools für einen ersten Überblick, z. B. im Rahmen eines strukturierten Shopware-Checks:
Automatisierte Tools erkennen nicht alles. Deshalb sind manuelle Tests unverzichtbar:
Nicht alle Probleme sind gleich wichtig. Priorisiere nach Schwere:
Hier sind einige shopware-spezifische Tipps, die dir in der Praxis wirklich weiterhelfen:
Automatisierte Tools sind gut für einen ersten Überblick – aber sie ersetzen keine manuellen Tests. Hier eine Übersicht:
| Tool | Was es leistet | Grenzen |
|---|---|---|
| Lighthouse | Accessibility-Score, Performance, Best Practices | Erkennt nur technische Fehler, keine Usability-Probleme |
| axe DevTools / WAVE | Kontraste, fehlende Labels, Semantikfehler | Keine Prüfung von Fokus-Reihenfolge oder Screenreader-Ansagen |
| Color Contrast Checker | Kontrastprüfung nach WCAG | Nur Farben, keine Gesamtprüfung |
| Markup Validator | HTML-Fehler, Semantik | Keine Barrierefreiheits-Prüfung im engeren Sinn |
Wichtig: Hohe Performance (Page-Speed) verbessert auch die Zugänglichkeit – weniger Friktion, stabilere Bedienung, schnellere Ladezeiten für alle Nutzer.
Barrierefreiheit ist nicht nur eine gesetzliche Pflicht – sie ist auch ein wirtschaftlicher Vorteil. Hier die wichtigsten Argumente:
In der Praxis begegnen uns immer wieder dieselben Missverständnisse. Hier die häufigsten Fehler – und wie du sie vermeidest:
Um das Thema noch greifbarer zu machen, hier einige typische Szenarien, die dir zeigen, warum Barrierefreiheit so wichtig ist:
Barrierefreiheit ist ein Teamsport. Hier eine Übersicht, wer welche Aufgaben hat:
Ein konkretes Beispiel für die Umsetzung von Shopware 6 barrierefrei ist der Onlineshop der Rhein-Neckar Löwen. Der Fanshop wurde technisch und gestalterisch so überarbeitet, dass er auch für Menschen mit Einschränkungen optimal nutzbar ist. Von besserer Tastaturbedienbarkeit über Screenreader-Kompatibilität bis hin zu optimierten Farbkontrasten – das Projekt zeigt, wie Barrierefreiheit in der Praxis aussieht und bietet wertvolle Einblicke für dein eigenes Projekt.
Barrierefreiheit ist keine Option mehr, sondern eine Notwendigkeit. Das Barrierefreiheitsstärkungsgesetz tritt am 28. Juni 2025 in Kraft – und du solltest jetzt handeln, um rechtzeitig vorbereitet zu sein. Shopware 6 bietet dir mit Version 6.6 und dem kommenden Release 6.7 eine solide technische Basis, die viele Anforderungen bereits abdeckt. Doch Barrierefreiheit endet nicht beim Theme – sie umfasst Design, Content, Technik, Prozesse und vor allem: kontinuierliche Tests und Anpassungen.
Mit dem Schritt-für-Schritt-Plan aus diesem Artikel hast du eine klare Roadmap, um deinen Shop systematisch barrierefrei zu machen. Du weißt jetzt, welche rechtlichen Rahmenbedingungen gelten, welche Prinzipien (POUR) dich leiten, welche konkreten Maßnahmen du ergreifen musst und wie du deinen Shop testest. Du kennst die häufigsten Fehler und weißt, wie du sie vermeidest. Und du hast verstanden, dass Barrierefreiheit nicht nur eine gesetzliche Pflicht ist, sondern auch ein wirtschaftlicher Vorteil: mehr Reichweite, weniger Kaufabbrüche, bessere Conversion und ein stärkeres Markenimage.
Jetzt liegt es an dir. Beginne mit dem Quick-Check, priorisiere deine Findings, setze die wichtigsten Maßnahmen um und etabliere einen kontinuierlichen Test- und Release-Prozess. So erreichst du nicht nur die gesetzlichen Anforderungen, sondern bietest allen Menschen – mit oder ohne Einschränkungen – ein erstklassiges Einkaufserlebnis. Wenn du dabei zusätzliche Expertise brauchst, sind Shopware-6-Best-Practices eine gute Ergänzung, um typische Umsetzungsfehler zu vermeiden. Dein Plan steht, die nächsten Schritte sind klar. Jetzt geht's los.
Rechtlicher Hinweis: Dieser Text ersetzt keine Rechtsberatung. Bei Fragen zum Gesetz oder zur Umsetzung der Barrierefreiheit empfiehlt es sich, professionellen Rat einzuholen.