Ein Shopify-Theme prüfen, bevor es live geht: was zu prüfen ist und wo es behoben wird
Kurze Antwort: Eine Theme-Prüfung nützt nur dann etwas, wenn jeder Befund drei Dinge mitbringt: die Datei, die Fundstelle und die Stelle im Shopify-Admin, an der man es ändert. „Kontrast auf dem Button zu gering” ist eine Feststellung. „Theme-Einstellungen → Farbschema 1 → Feld Links” ist eine Anweisung. Shopatch Theme Audit prüft das Theme dort, wo es entsteht, auch unveröffentlichte Themes und jedes Farbschema, und sagt bei jedem Befund, ob man ihn selbst beheben kann oder eine Entwicklerin braucht.
Werkzeuge, die die fertige Website abklappern, haben zwei blinde Flecken, und beide fallen genau im falschen Moment ins Gewicht. Sie sehen nur das veröffentlichte Theme und sind damit in der Woche vor einem Relaunch nutzlos. Und sie sehen nur das Farbschema, das gerade gerendert wird: ein Schema, das auf zwei Landingpages läuft, bleibt ungeprüft, bis ein Kunde darauf stößt.
Warum das gerade jetzt auf dem Tisch liegt
Seit dem 28. Juni 2025 gilt das Barrierefreiheitsstärkungsgesetz, die deutsche Umsetzung des European Accessibility Act. Es betrifft unter anderem den elektronischen Geschäftsverkehr, also auch Onlineshops, mit einer Ausnahme für Kleinstunternehmen unter zehn Beschäftigten und höchstens zwei Millionen Euro Jahresumsatz.
Ob dein Shop darunter fällt und was genau er dann leisten muss, ist eine Rechtsfrage und wird auf dieser Seite nicht beantwortet. Was sich beantworten lässt, ist die technische Hälfte: welche Stellen im Theme mit hoher Wahrscheinlichkeit Probleme machen, wo sie stehen, und wo man sie ändert.
Was tatsächlich geprüft wird
Die Prüfungen fallen in sechs Gruppen. Alle laufen gegen die Dateien des Themes und die strukturierten Daten des Shops, nicht gegen eine gerenderte Seite.
Liquid und HTML
| Prüfung | Was sie findet |
|---|---|
| Fehlendes Alt-Attribut | Bilder, die ein Screenreader als nichts vorliest, oder als Dateinamen |
Ungültiges sizes an responsiven Bildern | Ein sizes-Wert, mit dem der Browser nichts anfangen kann, also lädt er die falsche Datei |
aria-hidden an einem fokussierbaren Element | Vor dem Screenreader versteckt, per Tastatur trotzdem erreichbar |
Positiver tabindex | Eine Tab-Reihenfolge, die über die Seite springt, statt ihr zu folgen |
| Formularfeld ohne Label | Der häufigste Grund, warum ein Newsletter- oder Checkout-Feld per Sprachsteuerung unbedienbar ist |
| Unsichere URL | Ein Asset oder Link auf http:// innerhalb einer https://-Seite |
| Google Fonts vom CDN | Eine Anfrage an Dritte, die die IP-Adresse deiner Besucher bei einem anderen Unternehmen hinterlässt. In der EU ist das eine Einwilligungsfrage, keine Performancefrage |
CSS
| Prüfung | Was sie findet |
|---|---|
| Entfernter Fokusrahmen | outline: none ohne Ersatz, damit wird Tastaturnavigation unsichtbar |
| Doppelte Abdunklung | Text, der zweimal gedämpft wird, einmal über die Farbe und einmal über die Deckkraft, und am Ende unter jedem lesbaren Kontrast liegt |
| Formularfelder, die iOS zoomen lassen | Eingabefelder unter 16 px: Safari zoomt beim Antippen die ganze Seite, das Layout springt |
Farbschemata
Der Kontrast wird über alle Farbschemata des Themes gemessen, nicht nur über das gerade aktive. Themes der Generation Online Store 2.0 bringen mehrere Schemata mit, und es ist der Normalfall, dass eines davon einmal schnell eingerichtet und nie wieder angesehen wurde.
Theme-Schema
| Prüfung | Was sie findet |
|---|---|
select-Vorgabe steht nicht in den Optionen | Eine Einstellung, deren Vorgabewert es nicht gibt, der Editor fällt still auf etwas anderes zurück |
| Ungültiger Range-Schritt | Eine Range-Einstellung, die Shopify beim Hochladen des Themes abweist |
| Budget der Übersetzungsschlüssel | Themes haben eine harte Grenze von 3.400 Schlüsseln. Sie mitten in einem Launch zu erreichen, ist der schlechteste Zeitpunkt |
Katalog
Produkttitel und Beschreibungen werden gegen die Breite gemessen, die ein Suchergebnis tatsächlich hergibt. So siehst du, welche Titel abgeschnitten werden, bevor Google sie abschneidet.
Rechtstexte
Geprüft wird, ob Impressum, Datenschutzerklärung, AGB und Widerrufsbelehrung vorhanden sind. Nicht, ob sie ausreichen. Diese Texte liegen bei Shopify als shopPolicies und nicht als gewöhnliche Seiten, weshalb ein Shop neunzehn Seiten haben kann und keine davon eine der vier ist.
Jeder Befund sagt, wie sicher er ist
Eine statische Prüfung am Template-Code kann nicht immer wissen, was am Ende auf der Seite landet. Ein Bild, dessen Alt-Text aus einem Metafeld kommt, ist ein anderer Fall als eines ganz ohne Alt-Attribut. Deshalb trägt jeder Befund seine Sicherheit und, noch nützlicher, was ihn entkräften würde. Diese eine Zeile ist der Unterschied zwischen einer Liste, die man abarbeitet, und einer, die man sich abgewöhnt zu lesen.
Der Teil, der erst beim zweiten Lauf entsteht
Ein Lauf ist eine Momentaufnahme. Ab dem zweiten bekommst du den Verlauf: was neu ist, was wann behoben wurde, und was schon einmal behoben war und wieder auftrat. Die Rückfälle sind die interessante Kategorie, denn sie deuten meist auf einen Prozess hin und nicht auf den Code, und ohne Aufzeichnung fällt kein einziger auf.
Das ist zugleich die ehrliche Fassung des Compliance-Arguments. Vor einer Behörde oder gegen eine Abmahnung belegt ein einzelnes Dokument einen Tag. Ein durchgehendes Protokoll belegt fortlaufende Bemühung, und es lässt sich nachträglich nicht herstellen.
Die Wache
Die bezahlte Stufe prüft nach Zeitplan und meldet sich nur, wenn sich etwas geändert hat. Eine Meldung, die jede Woche kommt, ob etwas passiert ist oder nicht, landet binnen eines Monats im Filter.
Die Adresse wählst du selbst, und sie muss nicht dem Ladenbesitzer gehören. Agenturen und freie Entwickler wollen die Meldung in aller Regel selbst bekommen, denn sie sind es, die darauf reagieren.
Was die App nicht tut
Sie verändert nichts an deinem Shop. Sie fordert write_themes gar nicht erst an, kann dein Theme also nicht einmal versehentlich anfassen.
Sie stellt keine Konformitätsbescheinigung aus. Ob ein Rechtstext genügt, ist eine Rechtsfrage und keine Programmierfrage, und ein Werkzeug, das etwas anderes behauptet, wiederholt einen Fehler, der einen anderen Anbieter bereits eine Million Dollar gekostet hat.
Und sie prüft den Code, nicht die gerenderte Seite. Ladezeit und Text, der in Bilder eingebrannt ist, sind nicht enthalten. Diese Grenze steht in jedem Bericht und nicht versteckt in einer FAQ.
Was es kostet
| Kostenlos | Wache, 20 USD je 30 Tage |
|---|---|
| Vollständige Befunde mit Datei, Fundstelle und Stelle im Admin | dasselbe |
| Bericht zum aktuellen Stand als Datei | dasselbe |
| die letzten 2 Prüfläufe | unbegrenzt |
| nicht enthalten | Verlauf, Regressionen, Rückfälle |
| nicht enthalten | Prüfung nach Zeitplan, Meldung nur bei Veränderung |
| nicht enthalten | Entwurf der Barrierefreiheitserklärung |
Es gibt keine Testphase, und das ist Absicht. Die kostenlose Stufe ist keine Vorschau mit unscharf gestellten Befunden: du siehst genau das, was dein Shop wirklich hat. Einem Händler Befunde über seinen eigenen Laden vorzuenthalten hieße, ihm zu erzählen, sein Shop sei in besserem Zustand als er ist. Bezahlt wird, was über die Zeit entsteht.
Verborgene Läufe werden auch nicht gelöscht. Wer später abonniert, bekommt seinen Verlauf zurück, statt bei null anzufangen.
Der Anfang
Shopatch Theme Audit installieren, ein Theme auswählen, veröffentlicht oder nicht, und laufen lassen. Der erste Bericht steht in unter einer Minute, und die kostenlose Stufe reicht, um zu sehen, ob die Liste deine Zeit wert ist.
Mehr dazu auf der Produktseite Theme Audit. Wer die Befunde lieber behoben bekommt, als sie selbst zu beheben: das ist eine Leistung, die wir anbieten.