Beispielbericht · Transparenzhinweis: mit KI-Unterstützung erstellt, Befunde von Hafenklick geprüft
Beispielbericht: Shopify-Theme „Dawn“ (öffentlicher Demo-Shop)
Geprüft: theme-dawn-demo.myshopify.com am 29. und 30.10.2026, Stichprobe aus 5 Seitentypen. Der Bericht ist eine technische Einschätzung, keine Rechtsberatung und keine Garantie für BFSG-Konformität. Es handelt sich um einen öffentlichen Demo-Shop, nicht um einen Kundenshop.
Methoden
- Automatisch: axe-core (WCAG 2.0/2.1/2.2 A/AA) auf allen 5 Seiten, Lighthouse Barrierefreiheit (Startseite: 96/100)
- Manuell (Startseite): 40 Tabulator-Schritte mit Fokus-Prüfung, Prüfung des Barrierefreiheitsbaums (Überschriften, Landmarks, Namen)
- Im bezahlten Audit zusätzlich auf allen Seiten: Screenreader-Test (NVDA, VoiceOver), Zoom 200 %, Formularfehler, mobiles Menü
Übersicht der Stichprobe
| Seite | Automatische Meldungen (axe) | Einordnung |
|---|---|---|
| Startseite | 14 Kontrast | Manuell geprüft: Fehlalarme durch Einblendanimation |
| Kategorie („Alle Produkte“) | 41 Kontrast, 1 doppelte ID | Kontrast vermutlich ebenfalls Animation – im Audit manuell zu bestätigen |
| Produktseite | 1 doppelte ID | Echter Befund |
| Warenkorb | 19 Kontrast, 1 doppelte ID | Im Audit manuell zu bestätigen |
| Suche | 55 Kontrast, 1 ungültiger ARIA-Wert, 1 doppelte ID | ARIA-Wert: echter Befund |
Das zeigt, warum ein automatischer Scan allein nicht reicht: Viele Meldungen sind Fehlalarme, andere Barrieren findet nur ein Mensch.
Priorisierte Maßnahmen
Hoch = blockiert Kauf oder Bedienung · Mittel = erschwert sie deutlich · Niedrig = Komfort oder Best Practice
| Priorität | Seite | Befund | WCAG | Maßnahme |
|---|---|---|---|---|
| Mittel | Suche | ARIA-Attribut mit ungültigem Wert – Screenreader können den Zustand falsch ansagen | 4.1.2 | Gültigen Wert setzen bzw. Attribut entfernen |
| Mittel | Kategorie, Produkt, Warenkorb, Suche | Doppelte ID, auf die ARIA oder Labels verweisen – Bezug kann falsch angesagt werden | 4.1.2 / 1.3.1 | IDs im Template eindeutig machen |
| Mittel | Startseite | Name der Video-Schaltfläche enthält Rohcode „'“ | 4.1.2 | Doppelte Maskierung im Template entfernen |
| Mittel | Startseite | Einzige h1 ist das Logo | 1.3.1 / 2.4.6 | Aussagekräftige Hauptüberschrift ergänzen |
| Mittel | Alle | Inhalte erscheinen erst per Scroll-Animation | 2.2.2 / 2.3.3 | „prefers-reduced-motion“ respektieren oder Animation abschalten |
| Niedrig | Alle | Sprache/ARIA-Texte bei deutschen Shops prüfen | 3.1.1 | lang="de" und übersetzte Bezeichnungen |
Im bezahlten Audit zusätzlich: Checkout-Einstieg, Screenreader-Durchlauf aller Seiten, Zoom 200 %, Formularfehler, mobiles Menü und Entwurf der Erklärung zur Barrierefreiheit.
Kostenlos scannen Audit ansehen – Pilotpreis 990 € (regulär 1.490 €)