Der Online-Shop wurde gemäß den Web Content Accessibility Guidelines (WCAG) 2.1, Stufe AA, entwickelt und getestet, sodass die Website unabhängig davon funktioniert, welche Tools Sie zum Surfen und Einkaufen verwenden.
Konformitätsstatus
Im Rahmen eines im Juli 2026 durchgeführten Audits wurde das Storefront-Theme (der von Lab401 erstellte und verwaltete Teil der Website) anhand der WCAG 2.1 AA geprüft; alle festgestellten Mängel wurden behoben. Die Website ist teilweise konform. Das Theme weist keine bekannten Mängel auf, jedoch erfüllen einige der unten aufgeführten Komponenten von Drittanbietern die Anforderungen nicht. Die vollständige Vorgehensweise und die Ergebnisse sind im Folgenden veröffentlicht.
Hochkontrastmodus
Die Standardfarbpalette der Website enthält aus markenbezogenen Gründen einige Elemente mit geringem Kontrast. Ein Hochkontrastmodus passt die Farben all dieser Elemente so an, dass ein Kontrastverhältnis von mindestens 4,5:1 – dem AA-Schwellenwert – erreicht wird. Er kann auf drei Arten aktiviert werden:
- Klicken Sie auf die Schaltfläche „Hoher Kontrast“ am unteren Rand einer beliebigen Seite unterhalb der Sprachauswahl.
- Drücken Sie oben auf einer beliebigen Seite zweimal die Tabulatortaste und anschließend die Eingabetaste – die Umschaltfunktion befindet sich am zweiten Tabulatoranschlag.
- Aktivieren Sie die Einstellung für höheren Kontrast in Ihrem Betriebssystem – die Website passt sich automatisch daran an (prefers-contrast).
Ihre Auswahl wird in Ihrem Browser gespeichert und bei allen Besuchen beibehalten.
Was die Website unterstützt
- Durchgängige Tastaturnavigation – ein Link zum Überspringen zum Inhalt, eine sichtbare Fokusanzeige bei jedem Steuerelement sowie Menüs, die mit der Eingabetaste geöffnet und mit der Escape-Taste geschlossen werden.
- Struktur für Screenreader – beschriftete Orientierungspunkte, eine Seitenüberschrift pro Seite, benannte Links und Schaltflächen sowie beschriftete Formularsteuerelemente.
- Zoom und Neuanordnung – das Layout funktioniert bei einer Vergrößerung von 400 % und bei einer Ansichtsbreite von 320 Pixeln, und das Zoomen per Zwei-Finger-Geste wird niemals blockiert.
- Reduzierte Bewegungen – Animationen werden reduziert, wenn das Betriebssystem weniger Bewegungen anfordert (Einstellung „prefers-reduced-motion“).
Bekannte Einschränkungen
- Eingebettete YouTube-Player verfügen über die eigenen Steuerelemente von YouTube, die Barrierefreiheitsmängel aufweisen, die Lab401 nicht beheben kann.
- Der Bezahlvorgang läuft auf der von Shopify gehosteten Plattform, die Shopify separat testet und wartet – deren Konformität wird von dieser Erklärung nicht abgedeckt.
- Shopify fügt Tracking-Frames und einen „Folgen“-Button für seine Shop-App ein. Das Markup beider Elemente liegt außerhalb der Kontrolle des Themes.
Ein Problem melden
Sollte ein Teil dieser Website mit Ihrer assistiven Technologie nicht funktionieren, melden Sie dies bitte unter support@lab401.com unter Angabe der Seitenadresse und des von Ihnen verwendeten Tools.
Testprotokoll: Juli 2026
Methode
- Automatisierte Prüfung – axe-core 4 (Deques Open-Source-WCAG-Engine), ausgeführt in einem skriptgesteuerten Browser (Playwright-basiertes Chromium) für 13 Seiten im Desktop-Format (1440 × 900), wobei drei davon im Mobilformat (390 × 844) wiederholt wurden. Bei den Seiten handelte es sich um die Startseite, zwei Produktseiten, zwei Kollektionsseiten, die FAQ, die Kontaktseite, den Warenkorb, die Suchergebnisse, den Blog-Index, einen Blog-Artikel, die Anmeldeseite und eine Seite mit den Nutzungsbedingungen.
- Tastaturprüfung – eine skriptgesteuerte Überprüfung der Überspringlinks, der Sichtbarkeit des Fokus an 60 Tabulator-Stoppstellen, der Funktion, dass Menüs mit der Eingabetaste geöffnet und mit der Escape-Taste geschlossen werden, sowie des Produktformulars.
- Überprüfung mit einem Screenreader – Überprüfung des Barrierefreiheitsbaums (der Struktur, die ein Screenreader ansagt) auf jeder Seite, einschließlich Orientierungspunkten, Überschriftenreihenfolge, Bildalternativen, Frame-Titeln, Formularbeschriftungen und doppelten Element-IDs.
- Reflow und Zoom – Layoutprüfungen bei einem Viewport von 320 Pixeln und bei einer Seitenvergrößerung von 400 %.
Ergebnisse und Korrekturen
Bei der Prüfung wurden neun verschiedene Verstöße gegen die WCAG-Richtlinien der Stufen A oder AA festgestellt, von denen die meisten seitenübergreifend auftraten, da Komponenten gemeinsam genutzt werden. In der folgenden Tabelle sind die einzelnen Verstöße, ihr Schweregrad und die entsprechenden Korrekturmaßnahmen aufgeführt:
| Befund | WCAG | Ausmaß | Abhilfe |
|---|---|---|---|
| Link zum Website-Logo ohne Bezeichnung | 2.4.4 Zweck des Links | Jede Seite | Der alternative Text des Logos greift nun auf den Namen des Shops zurück |
| Links in der Diashow sind unbenannt oder doppelt vorhanden | 2.4.4 Zweck des Links | Startseite, 4 pro Foliensatz | Bezeichnungen aus dem Folieninhalt abgeleitet; doppelter Link aus der Tabulatorreihenfolge entfernt |
| Miniaturansichten der Galerie sind unbenannt | 4.1.2 Name, Rolle, Wert | 5 pro Produkt | Jedes Vorschaubild verkündet nun „Bild N von M anzeigen“ |
| Steuerelemente der Zubehörliste sind unbenannt | 4.1.2 Name, Rolle, Wert | 4 pro Produkt | Doppelte Miniaturansichten werden ausgeblendet; Schaltflächen für „Hinzufügen“ und „Anzahl“ sind benannt |
| Länderauswahl in den FAQ ohne Beschriftung | 4.1.2 Name, Funktion, Wert | 1 | Bezeichnet als „Zielland oder -region“ |
| Textkontrast unter 4,5:1 | 1.4.3 Kontrast (Mindestwert) | ca. 180 Elemente | Der Hochkontrastmodus passt alle nicht konformen Farben an |
| Scrollbare Tabellen sind per Tastatur nicht erreichbar | 2.1.1 Tastatur | 5 Bereiche | In scrollbare Bereiche kann nun der Tastaturfokus gesetzt werden |
| Medienrahmen ohne Titel | 4.1.2 Name, Rolle, Wert | 1–3 pro Seite | Rahmen ohne Titel tragen nun einen Titel, der ihre Quelle angibt |
| Element-IDs wiederholen sich zwischen Kopf- und Fußzeilenkomponenten | 4.1.1 Analyse | 3 Komponenten | Jede ID erscheint nun einmal pro Seite |
Bei der Prüfung wurden zudem zwei strukturelle Schwachstellen festgestellt, die keine A- oder AA-Fehler darstellen. Beide wurden im selben Durchgang behoben. Die Startseite erhielt eine Seitenüberschrift, und dekorative Widget-Überschriften wurden herabgestuft, sodass die Gliederung jeder Seite nun mit ihrem Titel beginnt.
Kontrastkonzept
Die Standardfarben der Marke bleiben unverändert. Der Kontrast wird durch einen Hochkontrastmodus gewährleistet, der die WCAG-Technik G174 nutzt und eine Steuerung ermöglicht, mit der die Seite auf eine Version umgeschaltet werden kann, die das Verhältnis von 4,5:1 erfüllt. Eine Umschaltfunktion befindet sich in der Fußzeile unter der Sprachauswahl. Eine zweite, die bei Tastaturfokus angezeigt wird, folgt direkt auf den Sprunglink und ist somit der zweite Tabulator-Halt auf jeder Seite. Der Modus wird zudem automatisch aktiviert, wenn das Betriebssystem einen höheren Kontrast anfordert. Jede Ersatzfarbe wurde gemessen. Das niedrigste Verhältnis beträgt 6,27:1 und das höchste 9,74:1.
Was bereits bestanden wurde
- „Zum Inhalt springen“-Link, an erster Stelle in der Tabulatorreihenfolge und bei Fokus sichtbar.
- Sichtbare Fokusanzeige an allen 60 untersuchten Tabulatorpositionen.
- Hauptmenüs lassen sich mit der Eingabetaste öffnen und mit der Escape-Taste schließen, wobei die integrierten Steuerelemente des Browsers zum Ein- und Ausblenden verwendet werden.
- Beschriftete Steuerelemente für Suche, Varianten, Menge und Anmeldung. Die automatisierte Prüfung ergab keine Verstöße auf der Anmeldeseite.
- Das Layout passt sich bei einem Viewport von 320 Pixeln ohne horizontales Scrollen an, und das Zoomen wird niemals blockiert.
Außerhalb des Prüfumfangs
Vier Komponenten liegen außerhalb der Kontrolle des Themes und werden als bekannte Einschränkungen vermerkt. Dabei handelt es sich um die Player-Oberfläche von YouTube, die Tracking-Frames von Shopify, den „Shop folgen“-Button sowie den Shopify-Checkout, die von Shopify separat gepflegt und getestet werden.
Verifizierung
Die Funktionstestsuite der Shop-Oberfläche wurde anhand derselben Vorschau erfolgreich bestanden – 157 Prüfungen, die den Warenkorb, Varianten, Zubehör, die Zusammenstellung von Paketen, Filter, die Anzeige von Steuern sowie die Währungs- und Sprachumschaltung abdeckten.