Plattformleitfaden · Shopify

Shopify Barrierefreiheit und das BFSG

Der Verkauf an Verbraucher in Deutschland bringt einen Shopify-Shop in den Anwendungsbereich, unabhängig vom Unternehmenssitz. Shopify kontrolliert einen Teil des Stacks; Ihr Theme und Ihre Apps kontrollieren den Teil, der meist durchfällt.

  • Erfasst unabhängig vom Firmensitz
  • Checkout gehört Shopify, die Storefront Ihnen
  • Apps sind der übliche Verursacher

Wem welcher Teil gehört

  • Shopify gehört der gehostete Checkout, an dem echt gearbeitet wurde — prüfen müssen Sie trotzdem, was Ihre Konfiguration ausliefert
  • Ihnen gehört das Theme, aus dem das Storefront-Markup kommt
  • Ihnen gehört jede installierte App, auch die, die Markup in Seiten einfügt, die Sie nie bearbeitet haben
  • Ihnen gehören Ihre Produktinhalte: Alternativtexte, Überschriften in Beschreibungen, Varianten-Swatches nur in Farbe
  • Ihnen gehören die Barrierefreiheitsinformationen nach Anlage 3 BFSG — die schreibt Shopify nicht für Sie

Plattformleitfaden · Shopify

Was wir auf Shopify-Shops finden

  • Von Apps eingefügte Widgets

    Bewertungs-Widgets, Upsell-Popups, Cookie-Leisten und Chat-Blasen fügen Markup ein, das niemand geprüft hat. Popups, die den Fokus festhalten, sind der häufigste schwere Fund.

  • Varianten-Swatches ohne Namen

    Farbquadrate als leere Elemente mit Hintergrundfarbe. Die Farbe ist die einzige Information — und sie wird als nichts angesagt.

  • Rich-Text-Beschreibungen

    Aus Word eingefügt: fette Pseudo-Überschriften, leere Links und Inline-Styles, die den Kontrast verderben.

  • Theme-Sections für die Maus gebaut

    Slider, Tabs und Akkordeons im gekauften Theme, ohne das Tastaturverhalten, das ihre ARIA-Rollen versprechen.

Eine sinnvolle Reihenfolge

  1. Inventarisieren Sie Ihre Apps

    Notieren Sie, was jede auf welchem Template einfügt. Alles, was einen Dialog oder ein Formular rendert, ist Kandidat für den schwersten Fund im Shop.

  2. Benennen Sie die Swatches

    Ein Swatch braucht einen zugänglichen Namen und einen Hinweis, der nicht Farbe ist. Eine kleine Theme-Änderung, die ein Kriterium auf jeder Produktseite repariert.

  3. Räumen Sie das Beschreibungs-Template auf

    Geben Sie dem Merchandising einen eingeschränkten Editor. Das ist billiger, als Beschreibungen ewig nachzubearbeiten.

  4. Prüfen Sie Ihre Checkout-Konfiguration

    Checkout-Extensions und eigene Felder gehören Ihnen, nicht Shopify. Testen Sie die Konfiguration, die Sie ausliefern.

Shopify-Fragen

Shopify sagt, der Checkout sei barrierefrei. Deckt uns das ab?

Für den Standard-Checkout deckt es viel ab, und er gehört tatsächlich zu den besseren. Er deckt nicht Ihre Storefront, Ihre Apps, Ihr Theme oder Ihre Checkout-Ergänzungen ab — und erfasst ist die gesamte Dienstleistung, nicht der Teil, den jemand anders gebaut hat.

Macht uns eine Accessibility-App konform?

Nein. Overlay-Widgets reparieren das zugrunde liegende Markup nicht und tauchen in immer mehr Beschwerden und Klagen auf. Sie erzeugen auch keinen Nachweis, mit dem Sie eine Anfrage der Marktüberwachung beantworten könnten.

Geschrieben, um nützlich zu sein, nicht als Rechtsberatung. Der Text gibt unsere Lesart von BFSG und EN 301 549 mit Stand 12. Oktober 2026 wieder; für eine verbindliche Einschätzung Ihrer Pflichten fragen Sie eine Anwältin oder einen Anwalt.

Weiterlesen

  • Shopsysteme & CMS

    Ein Leitfaden je Shopsystem und CMS: was die Plattform mitbringt, was nicht und wo Sie zuerst prüfen sollten.

  • WooCommerce

    Block-Checkout und „accessibility-ready“-Themes sind ein Anfang. Cookie-Banner, Swatch-Plugins, AJAX-Filter und Zahlungs-Iframes sind die Stellen, an denen WooCommerce-Shops durchfallen.

  • Wix

    Wix schreibt den Code, Sie bestimmen Reihenfolge, Überschriften, Farben, Apps und Alt-Texte. Frei platzierte Elemente und Apps aus dem App Market sind die typischen Schwachstellen.

  • Webflow

    Geprüfte Elemente und das Audit-Panel sind ein Anfang. Interactions ohne Reduced-Motion-Bedingung und Widgets aus Div-Blöcken sind die Stellen, an denen Webflow-Websites durchfallen.

  • Jimdo

    Erst klären, ob das BFSG überhaupt gilt. Wenn ja: Farbsets mit zu wenig Kontrast, drei Überschriftengrößen nach Optik und eingefügte Widgets sind die typischen Schwachstellen.

  • Squarespace

    Squarespace liefert Skip-Link, Fokusrahmen und beschriftete Checkout-Felder. Frei angeordnete Fluid-Engine-Layouts, Farbwahl und eingefügter Code sind die typischen Schwachstellen.

Sehen Sie, was das auf Ihrer Website findet

Schicken Sie uns eine URL. Wir prüfen bis zu 100 Seiten, schicken den Tastatur-Agenten durch die Seite, die Sie benennen, und senden Ihnen den Bericht per E-Mail — einmal, kostenlos, ohne Bedingungen.

Kostenlosen Scan anfordern BFSG-Leitfaden lesen

Bericht innerhalb eines Werktags.