bfsgshopifybarrierefreiheitwcageaa

WCAG 2.2 für Shopify-Händler: Was Sie wirklich erfüllen müssen

WCAG 2.2 erklärt für deutsche Shopify-Händler: was sich gegenüber WCAG 2.1 ändert, wie EN 301 549 v3.2.1 das BFSG verbindlich macht, und worauf Marktüberwachungsbehörden in der Praxis schauen.

Von Radoslaw Fedorczuk7 Lesezeit (min)

WCAG 2.2 ist der vom World Wide Web Consortium (W3C) am 5. Oktober 2023 veröffentlichte Standard für Barrierefreiheit von Webinhalten. Er definiert, wie Websites für Menschen mit Behinderungen funktionieren müssen, und umfasst 86 Erfolgskriterien in vier Prinzipien (wahrnehmbar, bedienbar, verständlich, robust). Über die harmonisierte europäische Norm EN 301 549 v3.2.1 wird WCAG 2.1 AA zum rechtlich verbindlichen Prüfmaßstab des BFSG. Welche Lücken Ihr konkretes Shopify-Theme aufweist, hängt von der Theme-Version und Ihren Anpassungen ab und muss pro Store geprüft werden.

Was WCAG 2.2 verlangt

WCAG 2.2 kennt drei Konformitätsstufen: A, AA und AAA. Die meisten Rechtsrahmen (das BFSG in Deutschland, die EAA in der EU, die ADA in den USA, AODA in Ontario) referenzieren Stufe AA als rechtlichen Mindestmaßstab. Stufe AA umfasst 55 Kriterien. Die neun gegenüber WCAG 2.1 hinzugekommenen Kriterien sind:

  1. 2.4.11 Focus Not Obscured (Minimum)
  2. 2.4.12 Focus Not Obscured (Enhanced)
  3. 2.4.13 Focus Appearance
  4. 2.5.7 Dragging Movements
  5. 2.5.8 Target Size (Minimum)
  6. 3.2.6 Consistent Help
  7. 3.3.7 Redundant Entry
  8. 3.3.8 Accessible Authentication (Minimum)
  9. 3.3.9 Accessible Authentication (Enhanced)

Das Kriterium, das die meisten Shopify-Themes bricht, ist 2.5.8 (Mindest-Klickfläche). Es verlangt eine Mindestgröße von 24×24 CSS-Pixeln für interaktive Bedienelemente. Paginierungspunkte, Social-Media-Icons und kleine Schließen-Symbole in Mini-Warenkörben unterschreiten diese Grenze standardmäßig in nahezu jedem Theme, das ich überprüft habe.

Rechtliche Einordnung in Deutschland

WCAG 2.2 ist in Deutschland nicht direkt rechtsverbindlich. Verbindlich ist die harmonisierte Norm EN 301 549 v3.2.1, die WCAG 2.1 AA referenziert. WCAG 2.2 AA ist abwärtskompatibel: wer WCAG 2.2 AA erfüllt, erfüllt automatisch WCAG 2.1 AA. Eine zukünftige Version EN 301 549 v4.0.0 wird voraussichtlich WCAG 2.2 als Bezug aufnehmen, die Geltung in Deutschland wird für 2028 erwartet.

Bis dahin ist WCAG 2.2 die empfohlene Best Practice, WCAG 2.1 die rechtliche Mindestanforderung nach § 14 BFSG. Vollzugsverfahren der Marktüberwachungsbehörden im Jahr 2025 und 2026 stützen sich ausschließlich auf WCAG 2.1 AA. Die Bundesfachstelle Barrierefreiheit empfiehlt jedoch ausdrücklich, neue Implementierungen direkt auf WCAG 2.2 AA auszurichten.

Welche Kriterien in der Praxis am häufigsten verfehlt werden

Eigene Tests einzelner Themes liefern erst dann belastbare Aussagen, wenn sie reproduzierbar und versionspräzise dokumentiert sind. Bis dahin orientieren wir uns an der größten öffentlich verfügbaren Auswertung: dem WebAIM Million Report, der jährlich die Startseiten der eine Million am stärksten frequentierten Domains automatisiert auf WCAG-Verstöße prüft.

Die wiederkehrenden vier Treiber laut WebAIM Million sind über die Jahre stabil:

  • unzureichender Textkontrast (WCAG 1.4.3),
  • fehlende Alternativtexte für Bilder (WCAG 1.1.1),
  • fehlende oder leere Formularbeschriftungen (WCAG 3.3.2 / 4.1.2),
  • inhaltsleere oder doppelte Linktexte (WCAG 2.4.4).

Mit WCAG 2.2 kommt ein fünfter Treiber dazu, der in Shopify-Themes besonders häufig sichtbar wird: die Mindest-Klickfläche von 24×24 CSS-Pixeln (WCAG 2.5.8). Paginierungspunkte in Slidern, Social-Icons im Footer und Schließen-Symbole in Mini-Warenkörben unterschreiten diese Grenze in vielen Theme-Auslieferungen.

Wenn Sie wissen wollen, welche dieser fünf Treffer Ihr eigenes Theme aufweist, ist eine echte Überprüfung auf Ihrer aktuellen Theme-Version erforderlich, idealerweise im Auslieferungszustand und nach jeder größeren Anpassung. Automatisierte Werkzeuge wie axe DevTools oder Lighthouse erfassen den Großteil dieser fünf Treiber zuverlässig.

Was bedeutet das für den Händler?

Eine fehlerhafte Überprüfung bedeutet nicht, dass ein Theme unbenutzbar ist. Sie bedeutet, dass ein Shopify-Händler im Moment der Installation Barrierefreiheits-Schulden übernimmt. Jeder der obigen Punkte ist im Theme-Code (in theme.liquid, in den Section-Dateien oder in den CSS-Variablen in base.css) behebbar. Die Korrekturen sind klein: eine zweistellige Hex-Änderung hier, ein Padding-Sprung von zwölf Pixeln dort. Die Arbeit besteht darin, sie zu finden.

Ich habe AccessifyAI entwickelt, weil jedes Shopify-Barrierefreiheits-Werkzeug, das ich 2025 ausprobiert habe, entweder ein Overlay über die Seite gelegt hat (was den zugrundeliegenden Code nicht korrigiert) oder einen 200-Seiten-PDF-Bericht erstellt hat, für den kein Händler Zeit hat. Der AccessifyAI-Scanner liefert einen echten Liquid-Patch, den Sie als Diff-Vorschau im Monaco-Editor begutachten und übernehmen können. Wenn Sie sehen wollen, was Ihr Store verfehlt, deckt unsere kostenlose Überprüfung die Startseite, eine Kollektion und eine Produktseite ab. AccessifyAI im Shopify App Store.

EN 301 549 v3.2.1 als Brücke zwischen WCAG und BFSG

Für den deutschen Vollzug ist nicht WCAG 2.2 oder WCAG 2.1 in Reinform maßgeblich, sondern die harmonisierte Norm EN 301 549 v3.2.1. Diese Norm besteht aus zwölf Kapiteln. Für Webinhalte ist Kapitel 9 relevant. Es übernimmt 50 der WCAG-2.1-AA-Erfolgskriterien.

Die Marktüberwachungsbehörden prüfen auf EN-301-549-Konformität, nicht auf direkte WCAG-Konformität. In der Praxis sind die Prüfwerkzeuge austauschbar: axe-core, Lighthouse, WAVE und WCAG-EM-basierte manuelle Prüfungen treffen alle Aussagen, die rechtlich übersetzbar sind.

Werkzeuge für die Überprüfung in Deutschland

Werkzeug Sprache Kostenfaktor
AccessifyAI DE/EN/PL/FR Free-Tier, $9,99/Monat ab Basic
WAVE (WebAIM) EN kostenlos
axe DevTools EN kostenlose Variante
Lighthouse (Chrome) DE/EN kostenlos
Pa11y EN Open Source
Accessibility Insights for Web DE/EN kostenlos (Microsoft)
NVDA Screenreader DE/EN kostenlos
JAWS DE/EN $895 Lizenz
BIK BITV-Test DE kostenfreie Beratung

Die Bundesfachstelle Barrierefreiheit bietet zudem den BITV-Test der Stiftung Pfennigparade an, einen für die Eigenanwendung gedachten halbautomatischen Prüfprozess. Dieser ist jedoch primär für öffentliche Stellen unter der BITV (Barrierefreie-Informationstechnik-Verordnung) konzipiert, nicht für E-Commerce-Anbieter unter dem BFSG.

Wann WCAG 3.0 kommt

WCAG 3.0 ist Stand Januar 2026 im "Working Draft"-Status und erreicht voraussichtlich nicht vor Ende 2027 den Status einer W3C Recommendation. Wenn dies geschieht, wird WCAG 2.2 nicht ungültig. Die Rechtsrahmen (BFSG, EAA, ADA, AODA) benötigen Jahre, um ihre Verweise zu aktualisieren. Für 2026 und 2027 ist WCAG 2.2 AA der Standard, an dem Sie bauen.

Weitere fachliche Vertiefung finden Sie in unserer BFSG-Pflichtcheckliste sowie in der EAA-Konformitätsanleitung für Shopify Plus.

Häufig gestellte Fragen

Ist WCAG 2.2 ein Gesetz?

Nein. WCAG 2.2 ist ein technischer Standard des W3C. Es wird zur rechtlichen Pflicht, wenn der Rechtsrahmen einer Jurisdiktion darauf verweist, wie es die meisten tun. Die EU-Richtlinie 2019/882 (EAA), § 14 BFSG, Section 508 in den USA und Ontarios AODA referenzieren mindestens WCAG 2.1 AA, mehrere aktualisieren auf 2.2.

Erfüllt Shopify selbst WCAG 2.2?

Shopify als Plattform (Admin und Checkout) zielt nach öffentlicher Erklärung des Anbieters auf WCAG 2.1 AA ab. Die von Shopify veröffentlichten Themes weisen unterschiedliche Konformitätsgrade auf, und Shopify zertifiziert derzeit kein Theme als vollständig WCAG-2.2-AA-konform.

Was ist der Unterschied zwischen WCAG 2.1 und 2.2?

WCAG 2.2 fügt neun neue Erfolgskriterien hinzu, entfernt eines (4.1.1 Parsing) und enthält redaktionelle Änderungen. Wer 2.2 erfüllt, erfüllt auch 2.1, aber nicht umgekehrt.

Kann ich speziell wegen Nichteinhaltung von WCAG 2.2 belangt werden?

Im deutschen Recht ist nicht WCAG 2.2 direkt, sondern EN 301 549 v3.2.1 verbindlich. Diese Norm referenziert WCAG 2.1 AA. Eine Marktüberwachungsbehörde wird einen Verstoß gegen WCAG 2.1 AA dokumentieren, nicht gegen WCAG 2.2. Wer WCAG 2.2 erfüllt, ist von dieser Prüfung nicht betroffen, da WCAG 2.2 die 2.1-Kriterien vollständig umfasst.

Welches Shopify-Theme ist standardmäßig am barrierefreiesten?

Eine pauschale Rangliste der Shopify-Themes nach Barrierefreiheit ist ohne reproduzierbare Tests pro Theme-Version nicht seriös zu treffen, weil sich der Code zwischen Theme-Releases verändert. Belastbar ist nur eine Aussage über den eigenen, installierten Store auf der aktuell ausgespielten Theme-Version. Wir empfehlen, die eigene Theme-Version im Auslieferungszustand und nach jeder Anpassung mit einem etablierten Werkzeug (axe DevTools, Lighthouse, WAVE) gegen die hier beschriebenen Schwerpunkte zu prüfen.

Muss ich nach jeder Theme-Änderung neu prüfen?

Ja. Jedes Theme-Update, jede eigene Section und jede App-Installation kann neue Verstöße einführen. Eine einmalige Überprüfung ist eine Momentaufnahme. Eine fortlaufende Überprüfung erkennt Regressionen. Mehr zu Überprüfungs-Workflows in unserem Blog.

Wie unterscheidet sich der BITV-Test vom BFSG-Prüfprozess?

Der BITV-Test ist für öffentliche Stellen unter der BITV (Barrierefreie-Informationstechnik-Verordnung) konzipiert. Das BFSG gilt für private Wirtschaftsakteure. Die Prüfkriterien überlappen sich technisch (beide referenzieren EN 301 549), die Vollzugswege unterscheiden sich. Für Shopify-Händler ist der BFSG-Prüfprozess maßgeblich, nicht der BITV-Test.

Zusammenfassung

WCAG 2.2 ist der aktuelle technische Standard für Web-Barrierefreiheit und gilt in Deutschland über die harmonisierte Norm EN 301 549 v3.2.1 als anerkannter Stand der Technik. Für deutsche Shopify-Händler bleiben rechtlich verbindlich die WCAG-2.1-AA-Anforderungen über § 14 BFSG und § 37 BFSG. Die in der Praxis wiederkehrenden Schwerpunkte (laut WebAIM Million stabil über Jahre) sind Farbkontrast, Alternativtexte, Formularbeschriftungen und Linktexte, ergänzt um die mit WCAG 2.2 hinzugekommene Mindest-Klickfläche von 24 CSS-Pixeln. Welche dieser Punkte in Ihrem konkreten Theme auftreten, ergibt erst eine echte Überprüfung des installierten Stores auf der aktuell ausgespielten Theme-Version.

Teilen:

Tipps zur Barrierefreiheit per E-Mail

Eine kurze E-Mail pro Monat mit neuen Leitfäden und Shopify-Updates zur Barrierefreiheit. Kein Spam, jederzeit abbestellbar.

WCAG 2.2 für Shopify-Händler: Was Sie wirklich erfüllen müssen | AccessifyAI