Bevor Sie ein Tool kaufen oder das Theme öffnen, steht meistens dieselbe Frage: Was kostet mich das, und wie viel Arbeit ist das wirklich? Dieser Beitrag beantwortet beides für das Vorhaben, einen Shopify-Store barrierefrei zu machen. Er gliedert den Weg in fünf Phasen, ordnet ein, welche Schritte ein Scanner-Tool abnimmt und welche manuell bleiben, und stellt die reinen Tool-Kosten dem gesetzlichen Rahmen und Ihrem Eigenaufwand gegenüber. Ich nenne dabei nur Zahlen, die belegbar sind: den gesetzlichen Rahmen des Barrierefreiheitsstärkungsgesetzes (BFSG) und den eigenen Free-Tier-Preis. Schätzungen für Stundenzahlen oder Agenturhonorare hängen zu stark vom einzelnen Store ab, um seriös pauschalisiert zu werden, und bleiben deshalb außen vor.
Das BFSG (BGBl. 2021 I S. 2970) setzt die EU-Richtlinie 2019/882 (European Accessibility Act, EAA) in deutsches Recht um. Online-Shops fallen nach § 1 Abs. 3 Nr. 5 BFSG als "Dienstleistungen im elektronischen Geschäftsverkehr" in den Anwendungsbereich. Das Gesetz ist seit dem 28. Juni 2025 anwendbar. Maßstab für die Konformität ist über Anlage I der EU-Richtlinie 2019/882 die harmonisierte Norm EN 301 549, die die WCAG-2.1-AA-Erfolgskriterien für Webinhalte übernimmt.
Ausgenommen sind nach § 3 Abs. 3 BFSG nur Kleinstunternehmen, also Unternehmen mit weniger als zehn Beschäftigten UND einem Jahresumsatz oder einer Jahresbilanzsumme von höchstens zwei Millionen EUR. Beide Bedingungen müssen kumulativ erfüllt sein. Wer darüber liegt, ist verpflichtet. Bei Verstößen sieht § 37 BFSG einen Bußgeldrahmen von bis zu 100.000 EUR vor. Ob die Ausnahme auf Sie zutrifft, klärt der Beitrag zur Kleinstunternehmen-Ausnahme.
Diese Zahl ist der eigentliche Bezugspunkt für jede Kostenfrage. Der teuerste Posten an einem barrierefreien Store ist nicht ein Tool-Abo, sondern das Risiko, das entsteht, wenn Verstöße unbehandelt bleiben. Vor diesem Hintergrund lohnt es, den Weg in geordnete Phasen zu zerlegen.
Barrierefreiheit ist kein einzelner Knopf, sondern eine Abfolge. Die folgende Reihenfolge spart Aufwand, weil sie mit den Schritten beginnt, die den größten rechtlichen Hebel und den geringsten manuellen Anteil haben.
| Phase |
Inhalt |
Tool nimmt ab |
Bleibt manuell |
| 1 |
Scan: Verstöße finden |
weitgehend |
Kontextprüfung der Befunde |
| 2 |
Priorisierung der Stufe-A-Verstöße |
teilweise |
Entscheidung, was zuerst |
| 3 |
Korrektur im Theme-Code |
Vorschlag als Liquid-Diff |
Übernahme, Test, redaktioneller Inhalt |
| 4 |
Erklärung zur Barrierefreiheit |
Vorlage |
Eigene Angaben, Veröffentlichung |
| 5 |
Wiederkehrende Prüfung |
Re-Scan |
Manuelle Tests nach Theme-Änderungen |
Sehen wir uns jede Phase im Detail an, mit dem ehrlichen Schnitt zwischen automatisierbarer und manueller Arbeit.
Der mit Abstand aufwändigste Teil ohne Werkzeug ist nicht die Korrektur selbst, sondern das Finden: zu wissen, welche der über fünfzig WCAG-2.1-AA-Erfolgskriterien Ihr konkreter Store an welcher Stelle verletzt. Eine manuelle Vollprüfung bedeutet, jede Seite, jedes Formular, jedes Bedienelement gegen den Kriterienkatalog durchzugehen. Genau diesen Schritt kürzt ein Scanner ab.
Ein automatisierter Scan erfasst zuverlässig die maschinell prüfbaren Verstöße: fehlende Alternativtexte (WCAG 1.1.1), unzureichende Farbkontraste (WCAG 1.4.3), fehlende Formularbeschriftungen (WCAG 3.3.2), fehlende Sprachauszeichnung (WCAG 3.1.1), anklickbare Elemente ohne programmatisch ermittelbaren Namen (WCAG 4.1.2). Das ist der Großteil der typischen Befunde in einem Shopify-Theme.
Ehrlich bleibt: Ein automatisiertes Werkzeug deckt nicht alle Kriterien ab. Ob die Tastatur-Bedienreihenfolge sinnvoll ist, ob ein Alternativtext den richtigen Kontext trägt oder ob die Fehlermeldungen im Checkout verständlich sind, lässt sich nur teilweise automatisch beurteilen. Diese Kriterien bleiben manuell. Der Scan reduziert den Aufwand also nicht auf null, aber er verwandelt eine offene Suche in eine konkrete, abarbeitbare Liste.
Den kostengünstigsten Einstieg bietet ein kostenloser Scan Ihrer Startseite: ohne Installation, ohne Abo. Er zeigt, wie es um Ihre wichtigste Seite steht, und macht den sonst aufwändigen Befundschritt zu einer Sache von Minuten.
Nicht jeder Befund wiegt gleich. WCAG kennt die Stufen A, AA und AAA. Über EN 301 549 sind für das BFSG die Stufen A und AA verbindlich. Stufe A ist dabei das niedrigste und damit am striktesten geforderte Konformitätsniveau: Diese Kriterien beschreiben Barrieren, die einzelne Nutzergruppen vollständig aussperren, etwa ein Formular, das ohne Beschriftung gar nicht bedienbar ist.
Die sinnvolle Reihenfolge lautet deshalb: zuerst die Stufe-A-Verstöße, dann Stufe AA. Innerhalb von Stufe A zuerst die, die zentrale Kaufpfade betreffen, also Suche, Warenkorb und Checkout, denn dort sperrt eine Barriere nicht nur einen Nutzer aus, sie kostet auch direkt Umsatz. Ein Scanner kann die Befunde nach Stufe sortieren und Ihnen diese Liste vorlegen. Die Entscheidung, welcher Bereich Ihres Stores geschäftlich Vorrang hat, bleibt bei Ihnen.
Eine vollständige Aufstellung der prüfungsrelevanten Punkte mit ihrem jeweiligen Prüfort in Shopify finden Sie in der BFSG-Checkliste für Shopify-Händler.
Hier wird der Unterschied zwischen einer echten Lösung und einer Scheinlösung greifbar. Die Konformität wird über EN 301 549 am ausgelieferten Quellcode gemessen, also an Ihrem Liquid- und CSS-Code, an den Section-Einstellungen und den Produktdaten. Eine Korrektur muss dort ansetzen.
An dieser Stelle ist die Abgrenzung zu Accessibility-Overlays wichtig. Ein Overlay legt sich als zusätzliche Skript-Schicht über die Seite und ändert den zugrunde liegenden Theme-Code nicht. Der nicht barrierefreie Code bleibt darunter bestehen, und genau dieser Code ist Maßstab der Prüfung. Eine echte Korrektur verändert das Markup selbst: ein <label for> statt eines reinen Platzhalters, ein natives <button> statt eines anklickbaren <div>, ein gepflegter Alternativtext am Produktmedium. Warum Overlays das BFSG nicht erfüllen, behandelt der Beitrag Overlay-Tools und das BFSG.
Was ein Tool hier abnimmt: Es kann zu jedem Befund einen konkreten Korrekturvorschlag als Liquid-Diff ausgeben, also den genauen Code zeigen, der an die Stelle des fehlerhaften tritt. Das spart die zweite teure Recherche, nämlich herauszufinden, wie die saubere Lösung im Shopify-Kontext aussieht.
Was manuell bleibt: die Übernahme in Ihr Theme, der Test, und vor allem der redaktionelle Inhalt. Ein Werkzeug kann ein leeres alt-Attribut markieren und die Struktur liefern, den verkaufsrelevanten Text dazu schreiben Sie selbst, denn dieser Kontext steckt in Ihrem Produktwissen, nicht in einer Pixelanalyse. So sieht ein korrekt ausgegebener Alternativtext im Theme aus:
<img
src="{{ product.featured_image | image_url: width: 800 }}"
alt="{{ product.featured_image.alt | escape }}"
width="800"
height="800"
loading="lazy">
Den eigentlichen Text pflegen Sie am Produktmedium im Shopify-Admin. Das Theme gibt ihn nur aus. Diese Arbeitsteilung gilt für die meisten Korrekturen: Das Tool liefert Struktur und Vorschlag, Sie liefern Urteil und Inhalt.
Das BFSG verlangt mehr als nur fehlerfreien Code. Nach § 14 BFSG in Verbindung mit Anlage 3 BFSG gehört eine Erklärung zur Barrierefreiheit dazu, ergänzt um einen Feedback-Mechanismus, über den Nutzer Barrieren melden können. Diese Erklärung ist ein eigenständiger Pflichtpunkt, der unabhängig vom technischen Stand erfüllt werden muss.
Ein Tool kann hier eine Vorlage bereitstellen, die Struktur und Pflichtangaben abdeckt. Die inhaltlichen Angaben, also welche Bereiche bereits konform sind, welche noch nicht, und wie der Kontaktweg lautet, müssen Sie selbst eintragen und die Seite veröffentlichen. Eine fertige, an Shopify angepasste Vorlage mit Erläuterung der Pflichtfelder finden Sie im Beitrag zur Erklärung zur Barrierefreiheit.
Barrierefreiheit ist kein einmaliger Zustand. Jede Theme-Aktualisierung, jede neue App, jede geänderte Section kann neue Barrieren einführen. Nach § 14 BFSG trägt der Dienstleistungserbringer, also der Händler, die fortlaufende Verantwortung: Er muss die Informationen nach Anlage 3 BFSG bereithalten und auf Verlangen der Marktüberwachungsbehörde nachweisen, wie er die Anforderungen erfüllt.
Praktisch heißt das: nach jeder größeren Theme-Änderung erneut scannen und die manuell prüfbaren Kriterien stichprobenartig mit Tastatur und Screenreader gegenprüfen. Ein Re-Scan nimmt Ihnen den wiederholten Befundaufwand ab. Die manuelle Stichprobe bleibt, weil sie genau die Kriterien abdeckt, die ein automatischer Test nicht vollständig erfasst.
Stellen wir die drei Größen nebeneinander, die für die Kaufentscheidung zählen. Ich nenne bewusst keine Stundensätze oder Agenturpreise, weil diese vom Store, vom Theme und vom Zustand abhängen und jede Pauschalzahl irreführen würde.
| Posten |
Belegbarer Wert |
| Gesetzlicher Bußgeldrahmen |
bis zu 100.000 EUR pro Verstoß (§ 37 BFSG) |
| Eigenaufwand ohne Tool |
Manuelle Vollprüfung gegen über fünfzig WCAG-Kriterien, plus Recherche jeder Korrektur |
| Kostenloser Scan |
Free-Tier, 0 EUR, Startseite ohne Installation |
| AccessifyAI App |
Free-Tier vorhanden, kostenpflichtige Stufen darüber |
Der entscheidende Punkt: Der größte Aufwand liegt nicht in der Korrektur, sondern darin, Befund und passende Korrektur zu finden. Ein Scanner mit Liquid-Korrekturvorschlägen kürzt genau diese beiden teuersten Schritte ab. Der Free-Tier-Scan macht den Einstieg in einen sonst aufwändigen Prozess günstig, ohne dass Sie sich vorab festlegen müssen.
Ehrlich bleibt auch hier: AccessifyAI scannt, schlägt Theme-Code-Korrekturen vor, die Sie vor dem Übernehmen ansehen, und hilft, Barrieren zu finden und zu adressieren. Es garantiert keine Rechts- oder BFSG-Konformität. Diese Verantwortung trägt nach § 14 BFSG der Händler, und keine seriöse Software kann sie abnehmen. Was ein gutes Werkzeug leistet, ist, den Weg dorthin schneller, nachvollziehbarer und dokumentierbarer zu machen.
Beides ist möglich. Wer Zeit, Liquid-Kenntnisse und Geduld für die manuelle Prüfung mitbringt, kommt mit kostenlosen Browser-Werkzeugen wie axe DevTools, WAVE und einem Screenreader weit. Der Aufwand liegt dann vollständig bei Ihnen, vom Befund über die Recherche der Korrektur bis zur Dokumentation.
Ein Shopify-spezifisches Tool verschiebt diesen Aufwand: Es ordnet jeden Befund dem Shopify-Code-Modell zu und liefert einen Korrekturvorschlag als Liquid-Diff, den Sie vor der Übernahme begutachten. Entscheidung, Übernahme und redaktioneller Inhalt bleiben bei Ihnen, aber die zwei teuersten Recherchen entfallen. Für die meisten Händler rechnet sich ein Werkzeug genau hier: nicht weil es magisch Konformität herstellt, sondern weil es die unproduktive Sucharbeit ersetzt. Die App finden Sie im Shopify App Store, starten können Sie aber ohne jede Verpflichtung mit dem kostenlosen On-Page-Scan.
- Klären Sie, ob Sie unter die Kleinstunternehmen-Ausnahme nach § 3 Abs. 3 BFSG fallen. Wenn nicht, sind Sie verpflichtet.
- Führen Sie einen Scan durch, mindestens der Startseite, und holen Sie sich die konkrete Befundliste.
- Sortieren Sie die Befunde nach Stufe und beginnen Sie mit den Stufe-A-Verstößen auf den Kaufpfaden.
- Beheben Sie die Verstöße im Theme-Code, nicht über eine aufgesetzte Overlay-Schicht.
- Veröffentlichen Sie die Erklärung zur Barrierefreiheit mit Feedback-Mechanismus nach § 14 BFSG in Verbindung mit Anlage 3 BFSG.
- Legen Sie eine wiederkehrende Prüfung fest und halten Sie Ihre Maßnahmen so fest, dass Sie sie der Marktüberwachungsbehörde auf Verlangen nach § 14 BFSG nachweisen können.
Die ehrliche Antwort hängt vom Store ab, deshalb nenne ich keine erfundene Pauschale. Belegbar sind drei Größen: der gesetzliche Bußgeldrahmen von bis zu 100.000 EUR pro Verstoß nach § 37 BFSG, der vollständige Eigenaufwand bei manueller Prüfung und der Free-Tier-Einstieg, mit dem ein Scan kostenlos möglich ist. Der größte Aufwand liegt nicht in der Korrektur, sondern im Finden von Befund und passender Lösung.
Ein Scanner erfasst zuverlässig die maschinell prüfbaren Verstöße wie fehlende Alternativtexte, Kontraste und Formularbeschriftungen und kann zu jedem Befund einen Korrekturvorschlag als Liquid-Diff ausgeben. Das ersetzt die zwei teuersten Schritte: das Finden der Verstöße und das Recherchieren der Korrektur. Manuell bleiben die Übernahme ins Theme, der redaktionelle Inhalt wie sinnvolle Alternativtexte und die nur teilweise automatisierbaren Kriterien wie die Tastatur-Bedienreihenfolge.
Zuerst scannen, dann die Stufe-A-Verstöße priorisieren, dann im Theme-Code korrigieren, danach die Erklärung zur Barrierefreiheit veröffentlichen und schließlich eine wiederkehrende Prüfung einrichten. Innerhalb von Stufe A zuerst die Barrieren auf den Kaufpfaden, also Suche, Warenkorb und Checkout, weil sie Nutzer aussperren und direkt Umsatz kosten.
Nein. Ein Overlay legt sich als Skript-Schicht über die Seite und ändert den Theme-Code nicht, an dem die Konformität über EN 301 549 gemessen wird. Es spart keinen echten Aufwand, sondern verschiebt das Problem. Die tragfähigen Korrekturen finden im Liquid- und CSS-Code statt.
Nein, und das verspricht das Tool auch nicht. AccessifyAI scannt, schlägt Theme-Code-Korrekturen zur Vorschau vor und hilft, Barrieren zu finden und zu adressieren, garantiert aber keine BFSG-Konformität. Die rechtliche Verantwortung trägt nach § 14 BFSG der Händler. Ein Werkzeug verkürzt den Weg und macht ihn dokumentierbar, es ersetzt nicht Ihre Verantwortung.
Einen Shopify-Store barrierefrei zu machen, ist ein Prozess in fünf Phasen: scannen, Stufe-A-Verstöße priorisieren, im Theme-Code korrigieren, die Erklärung zur Barrierefreiheit veröffentlichen und wiederkehrend prüfen. Der teuerste Teil ist nicht die Korrektur, sondern das Finden von Befund und passender Lösung. Genau diese zwei Schritte kürzt ein Scanner mit Liquid-Korrekturvorschlägen ab, während die Übernahme, der redaktionelle Inhalt und die manuell prüfbaren Kriterien bei Ihnen bleiben. Belegbar sind nur zwei Zahlen: der gesetzliche Bußgeldrahmen von bis zu 100.000 EUR pro Verstoß nach § 37 BFSG und der eigene Free-Tier-Preis, der den Einstieg über einen kostenlosen Scan günstig macht. Ein Tool garantiert keine Konformität, die Verantwortung trägt nach § 14 BFSG der Händler, aber es verwandelt eine offene, aufwändige Suche in eine geordnete, abarbeitbare Liste.