Barrierefreiheit für Onlineshops

Caravel Access

Verkaufsstart in Kürze

Wir testen die wichtigsten Seiten Ihres Onlineshops, trennen eindeutige Fehler von dem, was ein Mensch prüfen muss, und bereiten Korrekturen in Ihrem Theme oder Code für das vor, was sich dort ändern lässt — nicht mit einem Widget über der Seite.

Diagnose anfragenSo funktioniert es

Was es ist

  • Eine Diagnose der wichtigsten Seiten Ihres Shops: Startseite, eine Kategorie, ein Produkt und der Warenkorb.
  • Jedes Problem mit Screenshot, dem WCAG-Erfolgskriterium, wen es betrifft und wie man es behebt.
  • Eindeutige Fehler getrennt von Punkten, die ein Mensch prüfen muss.
  • Eine Tastaturprüfung: bis zu 40 Tab-Tastendrücke pro Seite, auf der Suche nach Fokusfallen, unsichtbarem Fokus und einem Link «Zum Inhalt springen».
  • Korrekturen in Ihrem Theme oder Code, die Sie einzeln freigeben, bevor sie angewendet werden.
  • Kein Overlay: Wir fügen kein Skript hinzu, das die Seite im Browser Ihrer Besucher verändert.
  • Jede Änderung lässt sich rückgängig machen: Wir bewahren von jeder Datei eine Kopie vorher und nachher auf.

So funktioniert es

  1. Sie senden uns die Adresse Ihres Shops. Unser Crawler liest die öffentlichen Seiten langsam — bis zu 25 bei der Diagnose — und führt auf jeder automatische Tests (axe-core) aus, in Desktop- und Mobilgröße.
  2. Wir senden Ihnen die Diagnose: die eindeutigen Fehler nach Auswirkung geordnet und die Punkte, die ein Mensch prüfen muss.
  3. Wir bereiten die Korrekturen an einer Kopie Ihres Themes oder Codes vor. Sie sehen jede Änderung vorher und nachher und geben frei, was Sie möchten.
  4. Wir wenden die freigegebenen Änderungen an, testen erneut und senden Ihnen einen Vorher-nachher-Bericht. Mit Überwachung testen wir jeden Monat erneut.

Was wir liefern

  • Einen datierten, druckbaren Bericht mit Uhrzeit des Tests, den getesteten Seiten und der Version des Testwerkzeugs.
  • Die Liste der Befunde, mit Screenshots und dem WCAG-Kriterium zu jedem Befund.
  • Die Änderungen an Ihrem Theme oder Code als Patch, mit einer Sicherungskopie jeder geänderten Datei.
  • Eine Liste dessen, was sich nicht automatisch beheben lässt, und warum.
  • Vorgeschlagene Alternativtexte für Bilder, als Entwürfe, die ein Mensch prüft.
  • Einen Vorher-nachher-Bericht, sobald die Korrekturen umgesetzt sind.
  • Mit Überwachung: ein Test pro Monat, auch in Mobilgröße und mit der Tastatur, und ein Hinweis im Dashboard, sobald ein neuer Fehler auftritt, auch wenn die Summe gleich bleibt.

Plattformen

Shopify

Änderungen an den Dateien Ihres Themes (Liquid). In den meisten Shopify-Tarifen liegt der Checkout außerhalb des Themes, daher können wir ihn nicht ändern.

WooCommerce

Ein kleines Plugin, das das vom Server gesendete HTML nur über Filter von WordPress und WooCommerce ändert, ohne die Dateien Ihres Themes anzufassen. Schalten Sie das Plugin aus, und alles ist rückgängig gemacht.

HTML

Änderungen an Ihrem HTML, CSS und Ihren Vorlagen, geliefert als Patch mit einer Sicherungskopie jeder Datei.

Grenzen, klar gesagt

  • Automatische Tests finden nur einen Teil der Probleme. Der Rest erfordert manuelle Prüfung, auch mit einem Screenreader.
  • Vorgeschlagene Alternativtexte sind Entwürfe: Ein Mensch prüft sie, und sie werden nie von selbst veröffentlicht.
  • In den meisten Shopify-Tarifen liegt der Checkout außerhalb des Themes, daher können wir ihn nicht ändern.
  • Eine manuelle Prüfung mit einem Screenreader ist nicht enthalten.
  • Fehler aus externen Apps (Bewertungen, Chat, Cookie-Banner) werden getrennt aufgeführt: Sie liegen außerhalb Ihres Themes und werden vom Anbieter der App behoben.
  • Dies ist keine Rechtsberatung und sagt nicht, dass Ihr Shop ein Gesetz oder eine Norm erfüllt.
  • Den Bericht gibt es auf Englisch, Portugiesisch, Spanisch, Deutsch und Französisch; die spanische, deutsche und französische Fassung wurden nicht von Muttersprachlern geprüft. Das Dashboard ist auf Portugiesisch und Englisch.

Das W3C schreibt über Prüfwerkzeuge: can not determine accessibility, they can only assist in doing so — sie können Barrierefreiheit nicht feststellen, sondern nur dabei helfen.

Quelle: W3C, «Selecting Web Accessibility Evaluation Tools», aktualisiert am 13. Mai 2024

Das Gesetz, kurz gefasst

Die Richtlinie (EU) 2019/882, der European Accessibility Act, erfasst Dienstleistungen im elektronischen Geschäftsverkehr für Verbraucher und wird von den Mitgliedstaaten ab dem 28. Juni 2025 angewendet (Artikel 2 Absatz 2 Buchstabe f und Artikel 31 Absatz 2). Kleinstunternehmen, die Dienstleistungen erbringen, sind ausgenommen (Artikel 4 Absatz 5). Das ist nur eine Zusammenfassung dieser Artikel, nicht die ganze Richtlinie. Ob und wie das für Ihr Unternehmen gilt, entscheiden Sie mit Ihrer Anwältin oder Ihrem Anwalt: Wir testen den Code und bereiten Korrekturen vor.

Quelle: Amtsblatt der EU, L 151, 7. Juni 2019 — gelesen am 31. Oktober 2026

Preis

Preise in Euro, ohne MwSt. Der Online-Kauf ist noch nicht geöffnet: Schreiben Sie uns mit der Adresse Ihres Shops, und wir antworten, bevor irgendeine Arbeit beginnt.

Diagnose

390 € einmaligzzgl. MwSt.
  • Bis zu 25 öffentliche Seiten, in Desktop- und Mobilgröße
  • Tastaturprüfung auf jeder Seite
  • Datierter Bericht mit Screenshots und dem WCAG-Kriterium zu jedem Befund
Demnächst — kontaktieren Sie uns

Korrekturen

490 € einmaligzzgl. MwSt.
  • Enthält die Diagnose. Wenn Sie die Diagnose für denselben Shop bereits bezahlt haben: 490 € − 390 € = 100 €
  • Korrekturen in Ihrem Theme oder Code, von Ihnen einzeln freigegeben
  • Eine Sicherungskopie jeder geänderten Datei und ein Vorher-nachher-Bericht
Demnächst — kontaktieren Sie uns

Monatliche Überwachung

39 € / Monatzzgl. MwSt.
  • Ein Test pro Monat, in Desktop- und Mobilgröße, mit Tastaturprüfung
  • Ein Hinweis im Dashboard, sobald ein neuer Fehler auftritt, auch wenn die Summe gleich bleibt
  • Einzeln buchbar: 1 Shop pro Abonnement
Demnächst — kontaktieren Sie uns

Diagnose und Korrekturen werden einmal bezahlt; die Überwachung ist monatlich, für 1 Shop pro Abonnement. Der Online-Kauf öffnet in Kürze. Bis dahin öffnet «Demnächst — kontaktieren Sie uns» eine E-Mail an uns, und wir antworten mit den nächsten Schritten.

Diagnose anfragen

Der Support erfolgt auf Englisch, Portugiesisch und Spanisch: Bitte schreiben Sie uns in einer dieser drei Sprachen.

Unser Crawler

Die Diagnose erstellt ein Crawler, der sich zu erkennen gibt, nur öffentliche Seiten liest und die robots.txt beachtet.

Über den Crawler →