Barrierefreiheit der 20 beliebtesten Shopify-Themes 2026 im Test
Wir haben die Demo-Shops der 20 meistgenutzten Shopify-Themes am 19. Oktober 2026 automatisch nach WCAG 2.2 AA geprüft. Ranking, häufigste Barrieren je Theme und was Sie selbst beheben können.
Im automatisierten Test der Demo-Shops schneiden die Shopify-Themes Refresh (100 von 100 Punkten), Sense (94), Concept (91) und Dawn (80) am besten ab. Die Hälfte der 20 meistgenutzten Themes erreicht 50 Punkte oder weniger, 13 von 20 Demo-Shops zeigen mindestens eine kritische Barriere. Am häufigsten sind zu geringer Farbkontrast (14 von 20) und übersprungene Überschriftenebenen (13 von 20), gefolgt von Links ohne erkennbaren Text (10 von 20).
Für die Auswertung haben wir am 19. Oktober 2026 die öffentlichen Demo-Shops der 20 meistgenutzten Shopify-Themes mit dem BFSG-Check geprüft, jeweils Startseite, Produktseite und Kategorieseite. Das Ergebnis ist eine technische Momentaufnahme der Demo-Shops und kein Urteil über ein Theme oder seinen Anbieter. Ihr eigener Shop kann mit demselben Theme deutlich besser oder schlechter abschneiden, weil Farben, Inhalte und Apps einen großen Teil der Barrieren ausmachen. Der Artikel ist keine Rechtsberatung.
Das Ranking
Die Punktzahl reicht von 0 bis 100 und berechnet sich wie im BFSG-Check aus Schwere, Anzahl und Verbreitung der gefundenen Probleme. Fehlende Informationen zur Barrierefreiheit haben wir nicht gewertet, weil sie Aufgabe des Shopbetreibers sind und keiner der Demo-Shops sie verlinkt. Die Verbreitung gibt den Anteil der Shopify-Shops an, die das Theme laut Shop Theme Detector nutzen.
| Platz | Theme | Punkte | Verbreitung | Wichtigster Befund im Demo-Shop |
|---|---|---|---|---|
| 1 | Refresh | 100 | 1,3 % | Keine automatisch erkennbaren Barrieren |
| 2 | Sense | 94 | 1,2 % | Übersprungene Überschriftenebene |
| 3 | Concept | 91 | 1,3 % | Sichtbarer Text und technische Beschriftung weichen ab |
| 4 | Dawn | 80 | 15,0 % | Zu geringer Farbkontrast |
| 5 | Impulse | 69 | 4,0 % | Bild ohne Alternativtext, Button ohne Beschriftung |
| 6 | Broadcast | 65 | 1,7 % | Verschachtelte Bedienelemente |
| 7 | Motion | 63 | 0,8 % | Zu geringer Farbkontrast |
| 8 | Be Yours | 60 | 1,1 % | Zu geringer Farbkontrast |
| 9 | Symmetry | 58 | 1,4 % | Zu geringer Farbkontrast, Links ohne Text |
| 10 | Focal | 55 | 1,0 % | Sichtbarer Text und technische Beschriftung weichen ab |
| 11 | Horizon | 50 | 8,0 % | ARIA-Elemente außerhalb des vorgeschriebenen Containers |
| 12 | Palo Alto | 46 | 0,9 % | Bilder ohne Alternativtext |
| 13 | Prestige | 44 | 4,4 % | Bilder ohne Alternativtext |
| 14 | Shrine PRO | 43 | 3,3 % | Zu geringer Farbkontrast |
| 15 | Atelier | 37 | 0,8 % | Bilder ohne Alternativtext |
| 16 | Pipeline | 35 | 0,7 %* | Sichtbarer Text und technische Beschriftung weichen ab |
| 17 | Impact | 32 | 2,4 % | Ausgeblendete Bereiche mit fokussierbaren Elementen |
| 18 | Minimog | 32 | 2,1 % | Zu geringer Farbkontrast |
| 19 | Empire | 31 | 0,7 %* | Zu geringer Farbkontrast |
| 20 | Ella | 14 | 2,0 % | Zu geringer Farbkontrast, Formularfelder ohne Beschriftung |
* Anteil aus der Quartalsauswertung Q3 2026, siehe Methode.
Was die Ergebnisse zeigen
Die Dawn-Familie liegt vorn. Refresh und Sense bauen auf dem Code von Dawn auf, und alle drei landen unter den ersten vier. Bei Dawn selbst bleibt als einziger Befund der Farbkontrast im Farbschema des Demo-Shops, also eine Einstellung, die Sie selbst wählen.
Die neue Horizon-Generation schneidet schwächer ab. Horizon und Atelier gehören zu den Themes, die Shopify im Sommer 2025 als neue Generation vorgestellt hat. Im Test erreichen sie 50 und 37 Punkte. Bei Horizon stammen die Befunde überwiegend aus dem Theme-Code, etwa ARIA-Elemente außerhalb ihres vorgeschriebenen Containers auf allen drei Seiten und scrollbare Bereiche, die per Tastatur nicht erreichbar sind. Shopify entwickelt Horizon laufend weiter, das Ergebnis kann sich mit jedem Update ändern.
Beliebtheit sagt wenig über Barrierefreiheit. Horizon und Prestige sind die Themes auf Platz zwei und drei der Verbreitung, liegen im Test aber auf den Plätzen 11 und 13. Die Spanne reicht insgesamt von 14 bis 100 Punkten.
Die häufigsten Befunde in 20 Demo-Shops:
| Befund | Betroffene Demo-Shops |
|---|---|
| Zu geringer Farbkontrast | 14 von 20 |
| Übersprungene Überschriftenebenen | 13 von 20 |
| Links ohne erkennbaren Text | 10 von 20 |
| Bilder ohne Alternativtext | 9 von 20 |
| Sichtbarer Text und technische Beschriftung weichen ab | 8 von 20 |
| Zu kleine Klick- und Touchflächen | 7 von 20 |
| Kein Sprunglink „Zum Inhalt springen“ | 6 von 20 |
| Scrollbare Bereiche per Tastatur nicht erreichbar | 6 von 20 |
| Tastaturfokus nicht sichtbar | 4 von 20 |
| Zoomen auf dem Smartphone deaktiviert | 3 von 20 |
Theme, Einstellung oder Inhalt: Wer kann was beheben?
Nicht jeder Befund geht auf das Theme zurück. Für Ihren eigenen Shop hilft die Unterscheidung, weil Sie vieles ohne Entwickler beheben können.
| Befund | Ursache | Wo Sie ansetzen |
|---|---|---|
| Farbkontrast | Farbschema | Theme-Einstellungen > Farben, jedes Schema prüfen |
| Bilder ohne Alternativtext | Inhalte | Alt-Text am Produktbild und unter Inhalte > Dateien |
| Links und Buttons ohne Text | Meist Theme-Code, teils Inhalte | Icon-Links im Theme beschriften lassen |
| Sprunglink, Fokus, Zoom | Theme-Code | Theme-Update oder Anpassung durch Entwickler |
| ARIA- und Strukturfehler | Theme-Code | Theme-Update, Hinweis an den Theme-Anbieter |
| Zu kleine Touchflächen | Theme-Code und Einstellungen | Abstände und Größen im Theme anpassen |
Wie Sie die einzelnen Punkte in Shopify umsetzen, zeigt unsere Shopify-Checkliste zum BFSG.
Die Befunde je Theme
Refresh
Auf den drei geprüften Seiten fand der automatisierte Test keine Barriere. Sprunglink, Beschriftungen und Kontraste waren in Ordnung. Manuelle Tests mit Tastatur und Screenreader ersetzt das nicht.
Sense
Nur kleinere Befunde: eine übersprungene Überschriftenebene, Alternativtexte, die den danebenstehenden Text wiederholen, und eine leere Überschrift.
Concept
Ein Bedienelement, dessen sichtbarer Text nicht in der technischen Beschriftung vorkommt, und eine übersprungene Überschriftenebene. Sonst keine automatisch erkennbaren Barrieren.
Dawn
Einziger Befund: 47 Textstellen mit zu geringem Kontrast auf allen drei Seiten. Der Kontrast hängt vom gewählten Farbschema ab und lässt sich in den Theme-Einstellungen beheben.
Impulse
Kein Sprunglink zum Inhalt, ein Bild ohne Alternativtext, ein Button ohne Beschriftung und zwei Links ohne erkennbaren Text.
Broadcast
Verschachtelte Bedienelemente auf allen drei Seiten, zu kleine Touchflächen und mehrere gleichartige Seitenbereiche ohne unterscheidbare Namen.
Motion
Zu geringer Kontrast an 12 Stellen, ein Button ohne Beschriftung, Links ohne Text und kein Sprunglink zum Inhalt.
Be Yours
Zu geringer Kontrast an 9 Stellen, ein Bild ohne Alternativtext, abweichende technische Beschriftungen und Links ohne Text.
Symmetry
Zu geringer Kontrast, sieben Links ohne erkennbaren Text, ein Bild ohne Alternativtext und zu kleine Touchflächen.
Focal
Abweichende technische Beschriftungen auf allen drei Seiten, sieben Links ohne Text, Zoomen auf dem Smartphone deaktiviert und kein Sprunglink zum Inhalt.
Horizon
ARIA-Elemente außerhalb ihres vorgeschriebenen Containers auf allen drei Seiten, 32 scrollbare Bereiche ohne Tastaturzugang, fehlerhaft aufgebaute Listen und unzulässige ARIA-Beschriftungen.
Palo Alto
25 Bilder ohne Alternativtext, zu geringer Kontrast und ausgeblendete Bereiche, die trotzdem per Tastatur erreichbar sind. Geprüft wurden Startseite und Produktseite, die Kategorieseite lud nicht innerhalb des Zeitlimits.
Prestige
Bilder ohne Alternativtext auf allen drei Seiten, abweichende technische Beschriftungen, zu geringer Kontrast und zu kleine Touchflächen.
Shrine PRO
131 Textstellen mit zu geringem Kontrast, sieben Buttons ohne Beschriftung, Links ohne Text und SVG-Grafiken ohne Textalternative. Shrine PRO wird außerhalb des Shopify Theme Stores verkauft.
Atelier
Bilder ohne Alternativtext, Links ohne Text auf allen drei Seiten, fehlerhaft aufgebaute Listen und scrollbare Bereiche ohne Tastaturzugang.
Pipeline
57 Bedienelemente mit abweichender technischer Beschriftung, zu geringer Kontrast, zu kleine Touchflächen und verschachtelte Bedienelemente.
Impact
18 fokussierbare Elemente in ausgeblendeten Bereichen, zu geringer Kontrast, Zoomen auf dem Smartphone deaktiviert und kein Sprunglink zum Inhalt.
Minimog
107 Textstellen mit zu geringem Kontrast, Links ohne Text, ein nicht sichtbarer Tastaturfokus, Zoomen auf dem Smartphone deaktiviert und kein Sprunglink. Minimog wird außerhalb des Shopify Theme Stores verkauft.
Empire
72 Textstellen mit zu geringem Kontrast, Buttons ohne Beschriftung auf allen drei Seiten, zu kleine Touchflächen und Links ohne Text.
Ella
71 Textstellen mit zu geringem Kontrast, zehn Formularfelder ohne Beschriftung, Bilder ohne Alternativtext, zu kleine Touchflächen und kein Sprunglink. Ella wird außerhalb des Shopify Theme Stores verkauft.
Methode
- Auswahl: die 20 meistgenutzten Shopify-Themes laut Shop Theme Detector (Stand 19. Oktober 2026, über 3,5 Millionen Shops). Kalles und Debut haben wir ersetzt, weil für Kalles kein öffentlich erreichbarer Demo-Shop ohne Passwort zu finden war und der Demo-Shop von Debut nicht mehr online ist. An ihre Stelle traten Empire und Pipeline, die beiden meistgenutzten Themes aus dem Shopify Theme Store in der Quartalsauswertung Q3 2026 derselben Quelle, die noch nicht in der Liste standen.
- Demo-Shops: die vom Anbieter verlinkten öffentlichen Demo-Shops, bei Themes aus dem Theme Store über themes.shopify.com. Das installierte Theme haben wir im Seitencode bestätigt.
- Prüfung: am 19. Oktober 2026 mit dem BFSG-Check in einem echten Chromium-Browser, je Demo-Shop Startseite, eine Produktseite und eine Kategorieseite, nacheinander und mit Pausen. Grundlage sind über 70 automatisierte Regeln von axe-core nach WCAG 2.1 und 2.2 auf Stufe AA sowie eigene Prüfungen für Sprunglink, sichtbaren Fokus und Darstellung bei starker Vergrößerung.
- Grenzen: Automatisierte Tests finden erfahrungsgemäß 30 bis 40 % aller Barrieren. Demo-Shops enthalten Beispielinhalte, Beispielfarben und teils Apps, die das Ergebnis beeinflussen. Ein gutes Ergebnis bedeutet nicht, dass ein Theme die Anforderungen des BFSG vollständig erfüllt, ein schwaches nicht, dass es dafür ungeeignet ist.
Häufige Fragen
Welches Shopify-Theme ist am barrierefreiesten?
In unserem automatisierten Test der Demo-Shops vom 19. Oktober 2026 erreichen Refresh, Sense, Concept und Dawn die besten Werte. Entscheidend für Ihren Shop sind aber Ihre Farben, Inhalte und Apps. Prüfen Sie deshalb immer den fertigen Shop, nicht nur das Theme.
Ist das Dawn-Theme barrierefrei?
Dawn bringt eine solide Grundlage mit: Im Demo-Shop fand der Test außer zu geringem Kontrast im Farbschema keine automatisch erkennbaren Barrieren. Den Kontrast legen Sie über die Farbschemas selbst fest. Manuelle Tests mit Tastatur und Screenreader bleiben trotzdem nötig.
Ist das Horizon-Theme barrierefrei?
Im Demo-Shop erreichte Horizon 50 von 100 Punkten. Die Befunde betreffen vor allem den Theme-Code, etwa ARIA-Strukturen und scrollbare Bereiche ohne Tastaturzugang. Halten Sie Horizon aktuell und prüfen Sie Ihren Shop nach jedem Update erneut.
Macht ein gutes Theme meinen Shop BFSG-konform?
Nein. Ein gutes Theme senkt den Aufwand, aber Alternativtexte, Farben, Apps, Cookie-Banner und Checkout-Einstellungen verantworten Sie selbst. Dazu kommen die Informationen zur Barrierefreiheit, die Sie veröffentlichen müssen. Einen Entwurf erstellt unser kostenloser Generator.
Warum weicht das Ergebnis meines Shops von der Demo ab?
Weil Ihr Shop andere Farben, Bilder, Texte, Apps und oft eine andere Theme-Version nutzt. Häufig ist der eigene Shop schwächer als die Demo, weil Apps und Anpassungen neue Barrieren mitbringen.
Nächster Schritt
Prüfen Sie, wie Ihr Shop mit Ihrem Theme abschneidet, kostenlos in 30 Sekunden: Jetzt kostenlosen BFSG-Check starten. Sie sehen sofort, welche Befunde aus Theme, Einstellungen und Inhalten stammen und wo Sie ansetzen sollten.
Dieser Artikel ist eine technische Einordnung und keine Rechtsberatung.