Barrierefreiheit

    Barrierefreiheit im Shop. Nicht nur für die Prüfung.

    Projekt anfragen

    Das BFSG gilt seit Juni 2025 für viele Onlineshops. Wir bringen Dein Theme auf WCAG 2.2 AA - und zwar so, dass es im Alltag hält.

    Eckdaten
    BFSGAnwendbar seit 28. Juni 2025
    WCAG 2.2Konformitätsstufe AA als Zielbild
    EN 301 549Europäische Norm hinter der Anforderung
    • Seit 2019
    • 150+ Migrationen und Relaunches
    • Offizieller Shopify Plus Partner
    Leistungsumfang

    Was gehört zu Barrierefreiheit in einem Shopify-Shop?

    Audit gegen WCAG 2.2 AA

    Manuelle Prüfung der Kaufstrecke mit Tastatur und Screenreader, ergänzt um automatisierte Tests. Ergebnis ist eine Liste konkreter Befunde je Template - mit Schweregrad, betroffenem Kriterium und Aufwand.

    Umsetzung im Theme

    Semantisches Markup, Fokusreihenfolge, Beschriftungen, Fehlermeldungen, Kontraste und bedienbare Komponenten. Wir bauen die Korrekturen ins Theme statt sie mit einem Overlay-Skript zu überdecken.

    Erklärung und Nachweis

    Dokumentation des erreichten Stands, bekannte Einschränkungen, Feedback-Weg für Nutzer und die Prüfschritte, mit denen der Stand entstanden ist. Das ist die Grundlage für Deine Erklärung zur Barrierefreiheit.

    Rechtlicher Rahmen

    Für wen gilt das BFSG - und für wen nicht?

    Was das BFSG ist

    Das Barrierefreiheitsstärkungsgesetz setzt den European Accessibility Act in deutsches Recht um. Es ist seit dem 28. Juni 2025 anwendbar und betrifft unter anderem Dienstleistungen im elektronischen Geschäftsverkehr - also den Verkauf an Verbraucher über einen Onlineshop.

    Ausnahme für Kleinstunternehmen

    Für Dienstleistungen gilt eine Ausnahme für Kleinstunternehmen: weniger als zehn Beschäftigte und höchstens zwei Millionen Euro Jahresumsatz oder Jahresbilanzsumme. Wer eine der Schwellen überschreitet, fällt nicht darunter.

    Verbraucher, nicht B2B

    Der Anwendungsbereich zielt auf Angebote an Verbraucher. Ein reines B2B-Portal ohne Verbrauchergeschäft ist anders zu bewerten als ein D2C-Shop - im Zweifel ist das eine juristische Frage, keine technische.

    Keine Rechtsberatung

    Wir sind Entwickler, keine Kanzlei. Wir sagen Dir, was Dein Shop technisch erfüllt und was nicht. Ob und in welchem Umfang Du betroffen bist, klärt Deine Rechtsberatung - wir liefern dafür die Faktenlage.

    Warum kein Overlay

    Eingeblendete Barrierefreiheits-Widgets versprechen Konformität per Skript. Sie ändern nichts an fehlender Semantik im Markup, behindern teils die Hilfsmittel der Nutzer und ersetzen keine Prüfung.

    Warum Theme statt App

    Die meisten Befunde liegen in Templates, Komponenten und Formularen. Sie lassen sich nur dort beheben. Eine App kann ergänzen, aber sie kann kein falsch aufgebautes Formular richtig machen.

    Was der Checkout beiträgt

    Der Shopify-Checkout wird von der Plattform gestellt und ist nur begrenzt anpassbar. Was Du dort beeinflusst - eigene UI-Erweiterungen, Kontraste im Branding, zusätzliche Felder - gehört ausdrücklich in die Prüfung.

    Was Apps kaputt machen

    Bewertungs-Widgets, Produktfinder, Cookie-Banner und Chat-Fenster von Drittanbietern sind häufige Fundstellen. Ihre Barrierefreiheit ist Teil Deiner Seite, auch wenn der Code nicht von Dir stammt.

    Vorgehen

    Wie machen wir einen bestehenden Shop barrierefrei?

    01

    Umfang festlegen

    Kaufstrecke, Kundenkonto, Formulare und die inhaltlich wichtigsten Seiten abgrenzen. Nicht jede Landingpage aus 2021 muss im ersten Durchgang mit.

    02

    Manuelle Prüfung

    Bedienung ausschließlich per Tastatur, Durchgang mit Screenreader, Prüfung von Fokus, Zoom, Vergrößerung und Bedienung ohne Maus. Automatisierte Tests finden nur einen Teil der Probleme.

    03

    Befunde priorisieren

    Alles, was den Kauf blockiert, kommt zuerst: Varianten-Auswahl, Warenkorb, Formulare, Fehlermeldungen. Danach Navigation, Filter und Inhaltsseiten.

    04

    Im Theme beheben

    Semantik, Beschriftungen, Fokusstile, Kontraste, Statusmeldungen und Tastaturbedienung der Komponenten. Änderungen laufen über Vorschau-Themes und werden einzeln nachgeprüft.

    05

    Drittanbieter klären

    Für Apps und Widgets prüfen wir Alternativen, Konfigurationen oder Eigenbau. Manchmal ist der Austausch einer App der kürzere Weg als jede Reparatur.

    06

    Dokumentieren und halten

    Stand festhalten, Feedback-Weg einrichten und Barrierefreiheit in die Abnahme neuer Features aufnehmen. Sonst ist der Zustand nach zwei Kampagnen wieder verloren.

    Typische Befunde

    Woran scheitern Shopify-Shops in der Prüfung am häufigsten?

    Varianten als Farbfelder

    Farb- und Größenauswahl ohne Beschriftung, ohne Fokusstil und ohne erkennbaren Auswahlzustand für Screenreader.

    Fehlermeldungen ohne Bezug

    Formularfehler stehen rot am Feldrand, sind aber programmatisch nicht mit dem Feld verbunden und werden nicht angesagt.

    Kontraste im Markendesign

    Helle Grautöne für Preise, Hinweise und deaktivierte Zustände unterschreiten regelmäßig die geforderten Kontrastwerte.

    Overlays ohne Fokusfang

    Cart-Drawer, Filter-Panels und Modals lassen den Tastaturfokus dahinter weiterlaufen und sind mit Escape nicht schließbar.

    Passung

    Ist eine Prüfung auf Barrierefreiheit jetzt der richtige Schritt?

    Dann gehört der Shop auf den Prüfstand

    Es liegt eine Meldung vor

    Nutzer, Behörde oder Wettbewerb haben auf Barrieren hingewiesen. Dann brauchst Du zuerst einen belastbaren Befund, keine schnelle Reparatur.

    Ausschreibungen fragen danach

    Öffentliche Auftraggeber und große Handelspartner wollen Angaben zum Stand. Ohne dokumentierte Prüfung lässt sich kein Fragebogen ehrlich ausfüllen.

    Der Shop besteht aus Eigenbau

    Konfiguratoren, Filter, Cart-Drawer und Größenberater sind selbst gebaut. Genau dort entstehen Bedienprobleme, die kein automatischer Test findet.

    Das Theme kam vom Marktplatz

    Gekaufte Themes werben mit Barrierefreiheit, liefern sie aber selten in allen Zuständen. Den Nachweis für Deinen Shop erbringt das nicht.

    Dann prüfst Du gerade das Falsche

    Der Shop wird gerade neu gebaut

    Ein Prüfbericht auf Templates, die in Kürze verschwinden, veraltet mit dem Release. Barrierefreiheit gehört dann in die Anforderungen des Neubaus.

    Zur Shopify Entwicklung

    Das Markendesign steht zur Debatte

    Werden Farben, Kontraste und Komponenten ohnehin neu gedacht, entscheidest Du dieselben Fragen zweimal - einmal im Bericht, einmal im Entwurf.

    Zum UX/UI Design

    Es geht eigentlich um Einwilligung

    Cookie-Banner, Consent Mode v2 und Datenweitergabe folgen einer anderen Rechtsgrundlage. Eine Prüfung bewertet nur ihre Bedienbarkeit.

    Zu Privacy und Consent
    Zusammenarbeit

    In welchem Rahmen arbeiten wir an Barrierefreiheit?

    Prüfen, beheben und halten sind drei verschiedene Aufgaben - und selten braucht ein Shop alle drei gleichzeitig.

    Prüfbericht

    Für wen

    Für Shops, die den technischen Stand gegen WCAG 2.2 AA kennen müssen, bevor über Reihenfolge und Budget entschieden wird.

    Was drin ist
    • Prüfumfang vorher gemeinsam abgegrenzt
    • Befunde mit Schweregrad und Erfolgskriterium
    • Trennung: Dein Anteil, Plattform, Drittanbieter
    Wie es endet

    Endet mit einem Bericht, den auch ein anderes Team abarbeiten kann.

    Behebung im Theme

    Für wen

    Für Shops, bei denen die Befunde vorliegen und die blockierenden Punkte tatsächlich aus dem Theme verschwinden sollen.

    Was drin ist
    • Korrekturen über Vorschau-Themes
    • Nachprüfung je behobenem Befund
    • Alternativen für nicht bedienbare Apps
    Wie es endet

    Endet, wenn die vereinbarten Befunde behoben und einzeln nachgewiesen sind.

    Stand halten

    Für wen

    Für Shops, die regelmäßig neue Sections, Kampagnenseiten und Apps ausrollen und den erreichten Stand nicht wieder verlieren wollen.

    Was drin ist
    • Prüfliste in der Abnahme neuer Features
    • Wiederholte Kontrolle der Kaufstrecke
    • Meldungen von Nutzern aufnehmen und einordnen
    Wie es endet

    Endet mit einem Stand, der über Releases hinweg dokumentiert und belegbar bleibt.

    Marken mit €950M+ GMV vertrauen auf NICCOS

    Groundies logo
    MYCR7 logo
    Gusti Leder logo
    Smilodox logo
    Bikemailorder logo
    O'Neal logo
    Freiluftkind logo
    Sirocco logo
    Olakala logo
    CAT logo
    Deputy logo
    Heel logo
    Bloomingloft logo
    FRITZ! logo
    Prepmymeal logo
    Mintkind logo
    FAQ

    Häufige Fragen zu Barrierefreiheit auf Shopify

    Was fordert das BFSG von einem Onlineshop konkret?

    Das Gesetz nennt keine Codezeilen, sondern verweist auf den Stand der Technik. Praktisch führt der Weg über die europäische Norm EN 301 549, die für Webinhalte auf die WCAG verweist. Wer auf Konformitätsstufe AA arbeitet, deckt den technischen Teil der Anforderung ab.

    Sind wir als kleiner Shop überhaupt betroffen?

    Für Dienstleistungen gibt es eine Ausnahme für Kleinstunternehmen mit weniger als zehn Beschäftigten und höchstens zwei Millionen Euro Umsatz oder Bilanzsumme. Die Schwellen sind schnell überschritten, und die Bewertung ist eine Rechtsfrage. Wir liefern die technische Faktenlage, die Einordnung trifft Deine Rechtsberatung.

    Reicht ein Barrierefreiheits-Overlay als Lösung?

    Nein. Overlays legen sich über eine Seite, deren Markup unverändert bleibt. Fehlende Beschriftungen, falsche Semantik und nicht bedienbare Komponenten bleiben bestehen. Teilweise stören sie sogar die Hilfsmittel, die Nutzer ohnehin einsetzen. Die Korrektur gehört ins Theme, nicht in ein Skript darüber.

    Gilt WCAG 2.1 oder WCAG 2.2?

    Die europäische Norm verweist derzeit auf WCAG 2.1 auf Stufe AA. Wir arbeiten trotzdem gegen WCAG 2.2 AA, weil diese Fassung die ältere vollständig enthält und ergänzt - unter anderem um Kriterien zu Fokus-Sichtbarkeit und Zielgrößen, die im Shop-Kontext ohnehin relevant sind.

    Ist der Shopify-Checkout barrierefrei?

    Der Checkout wird von Shopify gestellt und lässt sich nur in definierten Grenzen anpassen. Dein Anteil liegt in dem, was Du dort ergänzt: eigene Checkout-Erweiterungen, zusätzliche Felder, Farb- und Kontrasteinstellungen im Branding. Genau diese Anteile prüfen wir mit. Ergebnis ist eine Liste, die klar trennt zwischen Deinem Anteil und dem der Plattform.

    Wie halten wir den Stand nach dem Projekt?

    Indem Barrierefreiheit Teil der Abnahme wird. Neue Sections, Kampagnenseiten und Apps kommen sonst mit denselben Fehlern zurück. Praktisch heißt das: eine kurze Prüfliste im Definition-of-Done, Tastatur- und Kontrastprüfung vor jedem Release und ein fester Ansprechpartner für Meldungen von Nutzern. So bleibt der erreichte Stand über Releases hinweg belegbar.

    Wie weit ist Dein Shop von WCAG 2.2 AA entfernt?

    Wir prüfen die Kaufstrecke mit Tastatur und Screenreader und sagen Dir, welche Befunde blockieren und welche warten können.

    Stand:

    Projektstart

    Lass uns dein Shopify-Projekt prüfen.

    Antwort in der Regel innerhalb von 24h

    Direkt mit Strategie/Tech-Senior sprechen

    Keine Agentur-Folien, klare nächste Schritte

    Shopify Plus Partner Zertifizierung

    Mit dem Absenden landet deine Anfrage direkt im NICCOS-Prozess. Keine Newsletter-Einwilligung, kein Weiterverkauf von Kontaktdaten.

    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.