Ein Shopify Shop ist barrierefrei, wenn Menschen mit Einschränkungen ihn ohne fremde Hilfe nutzen können: mit Tastatur statt Maus, mit Screenreader, mit starker Vergrößerung oder bei schwachem Kontrastsehen. Der Maßstab dafür sind die Web Content Accessibility Guidelines (WCAG). Wir prüfen gegen WCAG 2.2 auf Stufe AA.
Die Arbeit besteht aus drei Teilen. Wir prüfen die Kaufstrecke von Hand und mit automatisierten Tests, beheben die Befunde im Theme und dokumentieren den erreichten Stand. Automatisierte Tests finden nur einen Teil der Probleme. Ob sich eine Variante mit der Tastatur auswählen lässt, zeigt erst die Bedienung.
Im Shop betrifft das vor allem die Kaufstrecke. Ein Kunde muss ein Produkt finden, eine Variante wählen, den Warenkorb öffnen, ein Formular ausfüllen und eine Fehlermeldung verstehen können. Jeder dieser Schritte muss mit der Tastatur erreichbar sein und einem Screenreader mitteilen, was gerade geschieht. Inhaltsseiten, Navigation und Kundenkonto kommen danach.
Das Barrierefreiheitsstärkungsgesetz setzt den European Accessibility Act, die Richtlinie (EU) 2019/882, in deutsches Recht um. Es ist seit dem 28. Juni 2025 anzuwenden und erfasst unter anderem Dienstleistungen im elektronischen Geschäftsverkehr mit Verbrauchern. Dazu gehört der Verkauf über einen Onlineshop.
Für Dienstleistungen sieht das Gesetz eine Ausnahme für Kleinstunternehmen vor. Das sind Unternehmen mit weniger als zehn Beschäftigten und höchstens zwei Millionen Euro Jahresumsatz oder Jahresbilanzsumme. Das Gesetz richtet sich auf Angebote an Verbraucher. Ein Portal, das ausschließlich an Geschäftskunden verkauft, ist deshalb anders zu bewerten als ein D2C-Shop.
Wir sind Entwickler und keine Kanzlei. Wir sagen Dir, was Dein Shop technisch erfüllt und was nicht. Ob und in welchem Umfang Du betroffen bist, beurteilt Deine Rechtsberatung. Wir liefern dafür die Befunde.
Das BFSG nennt keine einzelnen Prüfkriterien. In der Praxis führt der Weg über die europäische Norm EN 301 549, die für Webinhalte auf die WCAG verweist, derzeit auf WCAG 2.1 Stufe AA. Wir arbeiten gegen WCAG 2.2 AA, weil diese Fassung die Anforderungen aus 2.1 weiterführt und um Kriterien ergänzt, die im Shop ohnehin wichtig sind. Dazu gehören die Sichtbarkeit des Fokus und die Größe von Bedienflächen.
Eine Prüfung gegen WCAG ist ein technischer Befund. Sie ist keine Bescheinigung der Rechtskonformität, und wir sagen keine zu.
Nein. Ein Overlay legt ein Skript über eine Seite, deren Markup unverändert bleibt. Fehlende Beschriftungen, falsche Semantik und Komponenten, die sich nicht mit der Tastatur bedienen lassen, bleiben bestehen. Teilweise stört das Skript die Hilfsmittel, die Nutzer ohnehin einsetzen.
Die meisten Befunde liegen in Templates, Komponenten und Formularen und lassen sich nur dort beheben. Eine App kann ergänzen. Ein falsch aufgebautes Formular macht sie nicht richtig. Das ist Arbeit im Theme, wie sie die Shopify Entwicklung beschreibt. Kontraste und Farbrollen betreffen das Designsystem. Wie sie in den Entwurf kommen, steht auf der Seite zum Shopify UX/UI Design.
Die meisten Barrieren entstehen in selbst gebauten Komponenten und in Widgets von Apps. Typisch sind Farbfelder für Varianten ohne Beschriftung, Fehlermeldungen ohne Bezug zum Feld, helle Grautöne für Preise und Hinweise sowie Cart-Drawer und Filter, die den Tastaturfokus nicht halten.
Je individueller eine Komponente ist, desto gründlicher muss sie von Hand geprüft werden. Für Gusti Leder haben wir einen Gravurkonfigurator mit Live-Vorschau auf dem Produktbild als eigene Shopify App entwickelt. Die Case Study zu Gusti Leder beschreibt die Migration und nennt 45 % mehr Conversion Rate. Eine Prüfung auf Barrierefreiheit war nicht Gegenstand dieser Case Study. Wir nennen das Projekt, weil Konfiguratoren dieser Art in jeder Prüfung einen eigenen Durchgang mit Tastatur und Screenreader brauchen.
Der Checkout wird von Shopify gestellt und lässt sich nur in definierten Grenzen anpassen. Dein Anteil liegt in dem, was Du ergänzt: eigene Erweiterungen, zusätzliche Felder und die Farben im Branding. Diese Teile prüfen wir mit. Was im Checkout möglich ist, beschreibt die Seite zum Shopify Checkout. Bewertungs-Widgets, Cookie-Banner und Chat-Fenster von Drittanbietern gehören ebenfalls zu Deiner Seite. Die Rechtsgrundlage für Einwilligungen behandelt die Seite Privacy und Consent.
Wir sagen einen nachvollziehbaren Befund zu: welche Kriterien wir geprüft haben, was wir gefunden haben, was behoben ist und was offen bleibt. Wir garantieren keine Konformität mit dem BFSG und erstellen keine rechtliche Bewertung. NICCOS ist seit April 2022 Shopify Plus Partner, im Shopify-Partnerverzeichnis stehen 19 Bewertungen mit der Note 5,0.
Der erreichte Stand hält nur, wenn Barrierefreiheit Teil der Abnahme wird. Neue Sections, Kampagnenseiten und Apps bringen sonst dieselben Fehler zurück. Die wiederkehrende Prüfung übernehmen wir auf Wunsch im Shopify Support.
Wir prüfen die Kaufstrecke mit Tastatur und Screenreader und ergänzen automatisierte Tests. Das Ergebnis ist eine Liste von Befunden je Template mit Schweregrad und betroffenem Kriterium.
Wir korrigieren Markup, Fokusreihenfolge, Beschriftungen, Fehlermeldungen, Kontraste und die Bedienung der Komponenten.
Wir halten den erreichten Stand, bekannte Einschränkungen und die Prüfschritte fest. Das ist die Grundlage für Deine Erklärung zur Barrierefreiheit.
Das Barrierefreiheitsstärkungsgesetz setzt den European Accessibility Act in deutsches Recht um und ist seit dem 28. Juni 2025 anzuwenden.
Für Dienstleistungen sind Unternehmen mit weniger als zehn Beschäftigten und höchstens zwei Millionen Euro Jahresumsatz oder Jahresbilanzsumme ausgenommen.
Das Gesetz richtet sich auf den Verkauf an Verbraucher. Ein reines B2B-Portal ist anders zu bewerten als ein D2C-Shop.
Wir liefern den technischen Befund. Die rechtliche Einordnung trifft Deine Rechtsberatung.
Ein Skript über der Seite ändert nichts an fehlender Semantik im Markup und ersetzt keine Prüfung.
Die meisten Befunde liegen in Templates, Komponenten und Formularen und lassen sich nur dort beheben.
Eigene Erweiterungen, zusätzliche Felder und Farben im Branding gehören in die Prüfung.
Bewertungen, Produktfinder, Cookie-Banner und Chat sind Teil Deiner Seite, auch wenn der Code von anderen stammt.
Wir grenzen Kaufstrecke, Kundenkonto, Formulare und die wichtigsten Inhaltsseiten ab.
Wir bedienen den Shop nur mit der Tastatur, gehen ihn mit dem Screenreader durch und prüfen Fokus und Vergrößerung.
Alles, was den Kauf blockiert, kommt zuerst: Varianten-Auswahl, Warenkorb, Formulare und Fehlermeldungen.
Korrekturen entstehen in einem Vorschau-Theme und werden einzeln nachgeprüft.
Für Apps und Widgets prüfen wir Einstellungen, Alternativen oder einen Eigenbau.
Wir halten den Stand fest, richten einen Weg für Rückmeldungen ein und nehmen Barrierefreiheit in die Abnahme neuer Funktionen auf.
Die Auswahl von Farbe und Größe hat keine Beschriftung, keinen Fokusstil und keinen Zustand, den ein Screenreader ansagt.
Fehler stehen rot am Feldrand, sind im Code aber nicht mit dem Feld verbunden und werden nicht angesagt.
Helle Grautöne für Preise, Hinweise und deaktivierte Zustände liegen unter den geforderten Kontrastwerten.
Cart-Drawer, Filter und Modals lassen den Tastaturfokus dahinter weiterlaufen und schließen nicht mit Escape.
Es liegt eine Meldung vor
Nutzer, Behörde oder Wettbewerber haben auf Barrieren hingewiesen. Dann brauchst Du zuerst einen Befund.
Handelspartner fragen danach
Öffentliche Auftraggeber und große Handelspartner wollen Angaben zum Stand. Dafür braucht es eine dokumentierte Prüfung.
Der Shop enthält Eigenbau
Konfigurator, Filter, Cart-Drawer und Größenberater sind selbst gebaut. Dort entstehen Probleme, die kein automatischer Test findet.
Das Theme ist gekauft
Der Anbieter wirbt mit Barrierefreiheit. Den Nachweis für Deinen Shop mit Deinen Inhalten und Apps erbringt das nicht.
Der Shop wird gerade neu gebaut
Ein Bericht über Templates, die bald ersetzt werden, veraltet mit dem Launch. Barrierefreiheit gehört dann in die Anforderungen des Neubaus.
Zur Shopify EntwicklungDas Markendesign wird überarbeitet
Werden Farben, Kontraste und Komponenten ohnehin neu entschieden, gehört die Anforderung in den Entwurf.
Zum Shopify UX/UI DesignEs geht um Einwilligung
Cookie-Banner, Consent Mode und Datenweitergabe folgen einer anderen Rechtsgrundlage. Eine Prüfung bewertet nur ihre Bedienbarkeit.
Zu Privacy und ConsentPrüfen, beheben und halten sind drei verschiedene Aufgaben. Selten braucht ein Shop alle drei gleichzeitig.
Für Shops, die den technischen Stand gegen WCAG 2.2 AA kennen müssen, bevor über Reihenfolge und Budget entschieden wird.
Endet mit einem Bericht, den auch ein anderes Team abarbeiten kann.
Für Shops, bei denen die Befunde vorliegen und die blockierenden Punkte behoben werden sollen.
Endet, wenn die vereinbarten Befunde behoben und einzeln nachgeprüft sind.
Für Shops, die regelmäßig neue Sections, Kampagnenseiten und Apps veröffentlichen.
Läuft, solange der Shop weiterentwickelt wird, und hält den Stand über Releases hinweg dokumentiert.
Jede Zahl steht so in der Case Study und lässt sich dort nachlesen.
Groundies, MYCR7 und Gusti Leder sind drei von dreizehn Projekten, die wir mit Ausgangslage, Umsetzung und Ergebnis veröffentlicht haben.
Wir prüfen die Kaufstrecke mit Tastatur und Screenreader. Danach weißt Du, welche Befunde den Kauf blockieren und welche warten können.
NICCOS
Die Seite konnte nicht geladen werden.
Bitte lade die Seite neu. Falls gerade ein Update live gegangen ist, wird damit die aktuelle Version geladen.
