Shopify-App für die Barrierefreiheit deines Onlineshops
Finde Barrieren in deinem Bestellablauf und behebe sie Schritt für Schritt
Stapvia geht durch deinen Shopify-Shop, wie es jemand mit Tastatur oder Screenreader tun würde: von der Startseite bis zum Beginn des Checkouts. Du bekommst einen Bericht mit Prioritäten und Behebungsbeispielen sowie Hilfe bei deiner Barrierefreiheitserklärung.
- Kostenloser Tarif zum Start
- Kein Overlay, kein Widget
- Ändert dein Theme nicht
- Daten in der EU
Prioritäten im Bericht:
- Blockiert die Bestellung
- Schwerwiegend
- Mittel
- Gering
Blockiert die Bestellung
Bestellelement ohne zugänglichen Namen
Warum: Ein Screenreader sagt nur 'Schaltfläche' oder 'Link'.
Behebung: Geben Sie Icon-Schaltflächen einen visuell verborgenen Text oder ein aria-label.
Beispiel in Liquid, umgesetzt von dir oder deiner Agentur:
<a href="{{ routes.cart_url }}" id="cart-icon-bubble">
{% render 'icon-cart' %}
<span class="visually-hidden">{{ 'templates.cart.cart' | t }}</span>
</a>Was die App macht
Die App findet Probleme, die Menschen mit Behinderungen beim Bestellen aufhalten, und hilft dir, sie zu beheben.
Prüft den ganzen Bestellablauf
Startseite, Kollektion, Produkt, Variante wählen, in den Warenkorb legen, Suche, Login, Kontakt- und Newsletterformular (mit leerer und fehlerhafter Eingabe: was der Browser selbst blockiert, immer; echtes Absenden nur, wenn du es in den Einstellungen einschaltest), die Warenkorbseite und der Beginn des Checkouts. Die App bestellt nie.
Testet mehr als ein Standardscan
Neben axe-core führt die App eigene Tests für Tastaturbedienung, sichtbaren Fokus, Formulare und Fehlermeldungen, die Rückmeldung nach dem Hinzufügen zum Warenkorb und Captchas aus.
Bericht mit vier Prioritäten
Auf Deutsch, Englisch, Niederländisch oder Französisch, mit den Prioritäten Blockiert die Bestellung, Schwerwiegend, Mittel und Gering. Zu jedem Problem gibt es eine Erklärung und ein Behebungsbeispiel in Liquid oder CSS. Den Bericht kannst du als PDF herunterladen.
Unterstützt deine Barrierefreiheitserklärung
Erstelle eine Erklärung für deine Website, eine Anlage zu deinen AGB und eine Kurzfassung, die du auch mündlich geben kannst. Für Deutschland nennt die Erklärung die MLBF als zuständige Marktüberwachungsbehörde. Gefundene Mängel übernimmst du als Ausgangspunkt.
Alt-Texte für Produktfotos
Die App schlägt Alt-Texte vor. Du gibst sie einzeln oder gesammelt frei, bevor sie in deinen Shop kommen.
Skiplink und Fokusstil über ein App-Embed
Eine kleine Erweiterung, die du selbst im Theme-Editor einschaltest. Sie fügt einen Skiplink und einen deutlichen Fokusstil hinzu, ohne den Code deines Themes zu ändern.
Monitoring
Die App prüft deinen Shop jeden Monat oder jede Woche erneut und schickt dir eine E-Mail, wenn es neue Probleme gibt, die das Bestellen blockieren.
Sprachen
Die Oberfläche der App ist auf Englisch oder Niederländisch. Berichte, PDF und Barrierefreiheitserklärung gibt es auch auf Deutsch.
Was die App nicht macht
Barrierefreiheit entsteht in deinem Shop selbst. Deshalb macht die App einige Dinge bewusst nicht.
- Kein Overlay und kein Widget. Die App legt keine Ebene über deinen Shop und fügt keinen Button hinzu, der Probleme angeblich beseitigt.
- Keine automatischen Änderungen an deinem Theme. Behebungsbeispiele setzt du selbst um, oder deine Agentur macht das. Die App übernimmt sie nie automatisch.
- Keine Konformitätsaussage. Die App führt eine automatisierte und teilweise Prüfung durch. Du bleibst selbst für deinen Shop und deine Erklärung verantwortlich.
- Keine Bestellungen oder Zahlungen. Der Scanner hält am Beginn des Checkouts an.
- Keine Rechtsberatung. Aber klare Erklärungen, was die Regeln verlangen, mit Links zu den Quellen.
So funktioniert es
- Installiere die App. Installiere die App über den Shopify App Store. Ist dein Shop noch mit einem Passwort geschützt, gibst du es in der App ein.
- Starte einen Scan. Die App geht die Schritte deines Bestellablaufs in ruhigem Tempo durch.
- Behebe, was das Bestellen blockiert. Beginne oben im Bericht. Probleme, die das Bestellen blockieren, stehen zuerst, mit Erklärung und Behebungsbeispiel.
- Veröffentliche deine Erklärung. Passe den Entwurf deiner Erklärung an und stelle ihn auf eine feste Seite in deinem Shop.
- Bleib auf dem Laufenden. Mit Monitoring bekommst du eine E-Mail, sobald es neue Blockaden gibt, zum Beispiel nach einem Theme-Update.
Offen darüber, was die App kann
Wie wir messen
- 30% nur mit axe-core gefunden
- 47% mit unseren eigenen Tests gefunden
Wir testen unseren Scanner auf der Demo-Website des W3C, deren Fehler dokumentiert sind. Mehr als die Hälfte dieser Fehler findet kein automatischer Test. Deshalb steht in jedem Bericht, dass es eine teilweise Prüfung ist.
Wer macht Stapvia?
Stapvia ist ein Produkt der Weij The Way Holding B.V. in Nieuwveen, Niederlande (Handelsregister KvK 97913618). Deine E-Mail geht direkt an die Menschen, die die App bauen.
Schreib uns: hallo@stapvia.nl
Tarife
Starte kostenlos mit einem Scan pro Monat. Wähle einen bezahlten Tarif, wenn du den vollständigen Bericht, deine Erklärung und Monitoring möchtest.
Free
$0 pro Monat
- 1 Scan pro Monat
- Die 5 wichtigsten Fehler
Starter
$39 pro Monat
- 10 Scans pro Monat
- Vollständiger Bericht mit Behebungsbeispielen
- Bericht als PDF
- Barrierefreiheitserklärung in der Sprache deines Shops
- Monatliches Monitoring mit E-Mail bei neuen Blockaden
- Alt-Texte einzeln freigeben (bis 50 pro Monat)
Pro
$89 pro Monat
- 30 Scans pro Monat
- Vollständiger Bericht mit Behebungsbeispielen
- Bericht als PDF
- Erklärung in 4 Sprachen (DE, EN, NL, FR)
- Wöchentliches Monitoring mit E-Mail bei neuen Blockaden
- Alt-Texte gesammelt (bis 2.000 pro Monat)
Plus
$149 pro Monat
- 100 Scans pro Monat
- Vollständiger Bericht mit Behebungsbeispielen
- Bericht als PDF
- Erklärung in 4 Sprachen (DE, EN, NL, FR)
- Wöchentliches Monitoring mit E-Mail bei neuen Blockaden
- Alt-Texte gesammelt (bis 5.000 pro Monat)
- Mehrere Märkte oder Domains (bis 5)
- Bevorzugter Support
Preise in US-Dollar (USD) pro Monat. Du zahlst über deine Shopify-Rechnung; Shopify zeigt dir eine Schätzung in deiner Währung. Wechseln oder kündigen kannst du in der App.
Daten in der EU
Die Datenbank läuft bei Supabase in Frankfurt. Die App und die Server, die die Scans ausführen, laufen bei Fly.io in Frankfurt. Für Vorschläge für Alt-Texte nutzt die App ein KI-Modell über einen EU-Endpunkt von Mistral oder Google Vertex AI (Region eu). E-Mail-Benachrichtigungen laufen über Resend und Fehlermeldungen (wenn eingeschaltet) über Sentry in der EU-Region. Alle Unterauftragsverarbeiter stehen in der Datenschutzerklärung.
Die App verarbeitet nicht bewusst Daten der Besucherinnen und Besucher deines Shops. Ein Storefront-Passwort speichern wir verschlüsselt.
Häufige Fragen
Gilt das BFSG für meinen Onlineshop?
Wenn du online an Verbraucherinnen und Verbraucher verkaufst, sehr wahrscheinlich. Für Kleinstunternehmen, die Dienstleistungen anbieten, gelten die Barrierefreiheitsanforderungen nicht: weniger als zehn Beschäftigte und ein Jahresumsatz oder eine Jahresbilanzsumme von höchstens 2 Millionen Euro.
Ist Stapvia ein Overlay oder Widget?
Nein. Die App legt keine Ebene über deinen Shop. Sie prüft deinen Bestellablauf und zeigt, was sich in deinem Theme, deinen Apps und deinen Inhalten ändern muss.
Ändert die App mein Theme?
Nein. Die Behebungsbeispiele in Liquid und CSS setzt du selbst um, oder deine Agentur macht das. Das App-Embed für Skiplink und Fokusstil schaltest du selbst im Theme-Editor ein; es ändert den Code deines Themes nicht.
Ist mein Shop nach einem Scan in Ordnung?
Das kann kein Scan sagen. Die App führt eine automatisierte und teilweise Prüfung durch; einen Teil der Anforderungen kann man nur manuell und mit Menschen mit Behinderungen beurteilen. Der Bericht hilft dir, die wichtigsten Probleme zuerst zu beheben.
In welchen Sprachen gibt es die App?
Die Oberfläche ist auf Englisch oder Niederländisch. Berichte, PDF und Barrierefreiheitserklärung gibt es auf Deutsch, Englisch, Niederländisch und Französisch.
Was kostet es, und kann ich kündigen?
Du startest kostenlos mit einem Scan pro Monat. Bezahlte Tarife laufen über deine Shopify-Rechnung; wechseln oder kündigen kannst du in der App.
Kostenloser Erklärungs-Generator, ohne Scan
Möchtest du zuerst selbst eine Barrierefreiheitserklärung erstellen? Mit dem kostenlosen Generator erstellst du eine Webversion, eine Anlage zu deinen AGB oder eine Kurzfassung, mit Angabe der MLBF. Alles bleibt in deinem Browser.
Mehr zur Barrierefreiheit von Onlineshops
Was das BFSG von Shopify-Shops verlangt und wie du deinen Shop prüfst, mit Links zu den Quellen.
Barrierefreiheit im Shopify-Shop: was das BFSG verlangt und wie du deinen Shop prüfst
Was das Barrierefreiheitsstärkungsgesetz von Shopify-Händlern verlangt, was bei dir bleibt und wie du deinen Bestellablauf Schritt für Schritt prüfst.
Hinweis
Dies ist eine automatisierte und teilweise Prüfung. Sie ist keine Rechtsberatung und keine Konformitätsgarantie. Ein Teil der Anforderungen lässt sich nur durch manuelle Prüfung und mit Menschen mit Behinderungen beurteilen.