Mängel der Barrierefreiheit, behoben im eigenen Code Ihres Onlineshops

Validiscan prüft Onlineshops in der EU auf Shopify, Shopware, WooCommerce und Magento nach WCAG 2.2 Stufe AA und der EN 301 549, liefert die Korrekturen als Änderungen am eigenen Quellcode des Shops und dokumentiert das Ergebnis in einem datierten Remediation Evidence Package.

  • Kein Overlay, niemals. Kein Skript, das Ihre Seiten für Besucherinnen und Besucher umschreibt.
  • Nichts gelangt in Ihren Live-Shop, bevor Sie oder Ihre Agentur es veröffentlichen.
  • Ein datiertes Remediation Evidence Package. Ein Nachweis der Arbeit, kein Zertifikat.

Ein Befund, von „Offen“ bis „Verifiziert“

Beispieldaten

Ein Beispielbefund aus dem Kundenportal: Schaltflächen müssen einen erkennbaren Text haben

Die Suchschaltfläche des Shops zeigt nur ein Icon, sodass ein Screenreader keinen Namen hat, den er vorlesen kann. Die Änderung fügt diesen Namen in der Theme-Datei hinzu. Die Schaltfläche sieht unverändert aus.

Befund
F-43D4A5F5 · button-name · WCAG 4.1.2 (A)
Auswirkung
Kritisch
Korrekturstufe
ASSISTED
Seiten
31
  1. Offen ,
  2. Korrektur vorgeschlagen ,
  3. Korrektur ausgeliefert ,
  4. Behoben ,
  5. Verifiziert ,

Verifiziert am 24. Sept. 2026: Ein Verifizierungsscan derselben Seiten fand den Fehler nicht mehr, und das Remediation Evidence Package mit diesem Scan wurde ausgestellt.

sections/header.liquid Änderungen an sections/header.liquid: 1 hinzugefügt, 0 entfernt

Änderungen an sections/header.liquid: 1 hinzugefügt, 0 entfernt
Zeile nachher Änderung Code
42 {%- render 'icon', icon: 'search', size: 20 -%}
43 Hinzugefügt <span class="visually-hidden">{{ 'general.search.search' | t }}</span>
44 </button>
  • 102

    automatisierte Prüfungen

    werden in einem Scan ausgeführt: die Regeln von axe-core und die eigenen Prüfungen von Validiscan

  • 35

    manuelle Prüfungen

    von einer Person durchgeführt, für das, was keine automatisierte Prüfung nachweisen kann

  • 4

    Plattformen

    Shopify, Shopware, WooCommerce und Magento

  • 5

    Sprachen

    Englisch, Deutsch, Dänisch, Französisch und Spanisch, auf dieser Website und im Kundenportal

Korrekturstufen, wie sie an jedem Befund stehen. AUTO: eine fertige Korrektur, die ein Rezept auf Ihr Theme anwendet. ASSISTED: eine Korrektur, die für Ihren Code entworfen wird (mit KI nur, wenn Sie zustimmen) und die eine Person vor der Auslieferung prüft. MANUAL: eine Entscheidung, die nur Sie treffen können, etwa der Wortlaut eines Untertitels; mit Anleitung aufgeführt, nicht geändert.

Drei Dinge gehen aus einem Projekt hervor.

Korrekturen in Ihrem eigenen Code, ein datierter Nachweis der Arbeit und eine wöchentliche Prüfung, die meldet, wenn ein behobener Fehler wieder auftritt.

  1. Korrekturen in Ihrem Code

    Ein Pull Request oder ein Patch-Paket, das Ihr Entwicklungsteam oder Ihre Agentur prüft, bevor etwas live geht; auf Shopify auch eine unveröffentlichte Kopie Ihres Themes, die Sie in der Vorschau ansehen und selbst veröffentlichen.

    validiscan/a11y-20260924-9f8e7d6c

    3 Änderungen, eine je Korrektur 0 an Ihrem Live-Shop

    Beispieldaten
  2. Das Remediation Evidence Package

    Ein datierter Nachweis darüber, was geprüft und was geändert wurde und was der Verifizierungsscan bestätigt hat, mit dem Entwurf einer Erklärung zur Barrierefreiheit. Ein Nachweis, kein Zertifikat.

    PDFDOCXJSON

    Ein ZIP-Archiv, SHA-256-Prüfsummen, jeder Scan datiert

  3. Regressionsschutz

    Optional. Ein wöchentlicher erneuter Scan vergleicht Ihren Shop mit dem verifizierten Ausgangsstand. Tritt ein behobener Fehler wieder auf, erhalten Sie eine E-Mail, die sagt, was und wo.

    1. Woche 1: keine Regression
    2. Woche 2: keine Regression
    3. Woche 3: keine Regression
    4. Woche 4: eine Regression, E-Mail verschickt
    5. Woche 5: keine Regression
    6. Woche 6: geplant

    In Woche 4 wurde eine Regression gefunden: eine E-Mail, ein Eintrag in der Zeitleiste.

    Beispieldaten

Warum keine Overlay-App?

Ein Overlay ist ein Skript, das im Browser der Besucherinnen und Besucher über Ihren Seiten läuft. Eine Quellcode-Korrektur ändert Ihre eigenen Templates, Styles und Ihren Code.

Barrierefreiheits-Overlay

Wo liegt die Änderung?
Im Skript des Anbieters, das mit jeder Seite geladen wird
Kann Ihr Entwicklungsteam oder Ihre Agentur sie prüfen?
Nicht als Änderung an Ihrem Code
Was bleibt, wenn der Vertrag endet?
Nichts: Das Skript wird entfernt, und Ihre Seiten sind wieder wie vorher

Quellcode-Korrektur, wie Validiscan sie liefert

Wo liegt die Änderung?
In den eigenen Dateien Ihres Themes
Kann Ihr Entwicklungsteam oder Ihre Agentur sie prüfen?
Ja, Zeile für Zeile, als Pull Request oder als Diff
Was bleibt, wenn der Vertrag endet?
Die Änderung, denn sie ist Teil Ihres eigenen Codes

Was Overlays ändern und was sie unverändert lassen

Fünf Schritte. Sie entscheiden, was live geht.

Jeder Schritt aus Ihrer Sicht
  1. Ausgangsscan

    Ihr Shop nach WCAG 2.2 Stufe AA, in Desktop- und in Smartphone-Größe, dazu die manuellen Prüfungen.

    Ihre Aufgabe Bestätigen Sie schriftlich, dass Ihr Shop gescannt werden darf.

  2. Änderungen an Ihrem Code

    Was sich im Code beheben lässt, wird behoben, geprüft und als Pull Request, Theme-Kopie oder Patch-Paket ausgeliefert.

    Ihre Aufgabe Prüfen und veröffentlichen Sie sie, oder überlassen Sie das Ihrer Agentur.

  3. Verifizierungsscan

    Sobald die Änderungen live sind, werden die betroffenen Seiten erneut gescannt.

    Ihre Aufgabe Geben Sie Validiscan Bescheid, sobald die Änderungen live sind.

  4. Remediation Evidence Package

    Der Nachweis des Ergebnisses: PDF, DOCX und JSON in einem ZIP-Archiv, mit dem Datum jedes Scans.

    Ihre Aufgabe Legen Sie es ab, und lassen Sie den Entwurf der Erklärung zur Barrierefreiheit prüfen.

  5. Regressionsschutz

    Optional. Ein wöchentlicher erneuter Scan im Vergleich mit dem verifizierten Ausgangsstand, mit einer E-Mail, wenn etwas wieder auftritt.

    Ihre Aufgabe Entscheiden Sie, ob Sie ihn möchten.

Wie lange ein Projekt dauert, hängt vor allem von den Schritten 2 und 3 ab: Dort wartet das Projekt darauf, dass Sie oder Ihre Agentur die Änderung prüfen und live stellen.

Vier Plattformen. Korrekturen landen dort, wo Ihr Theme liegt.

Wie Korrekturen auf jede Plattform gelangen

20 fertige Korrekturen auf jeder Plattform, für Fehler wie eine fehlende Seitensprache oder eine Seite, die auf dem Smartphone das Zoomen sperrt, dazu Korrekturen, die für Ihren Code geschrieben werden.

Was ein Scan findet und was ein Mensch prüft.

55

Erfolgskriterien von WCAG 2.2 auf den Stufen A und AA

Automatisierte Prüfungen testen einen Teil davon; den Rest prüft ein Mensch. Ein erster Scan zeigt deshalb, was sich heute an Ihrem Code nachweisen lässt, nicht das ganze Bild.

Der Scan findet

  • Bilder ohne Textalternative
  • Schaltflächen ohne Namen
  • Formularfelder ohne Beschriftung
  • Eine fehlende Seitensprache
  • Eine fehlerhafte Überschriftenstruktur

Ein Mensch prüft

  • Ob sich der ganze Weg bis zum Kauf mit der Tastatur bedienen lässt
  • Ob eine Fehlermeldung verständlich ist, wenn sie vorgelesen wird
  • Ob die Untertitel eines Videos stimmen
  • Ob die Seiten bei 400 Prozent Zoom noch funktionieren

Die Methode und die Standards

Häufige Fragen vor einem Auftrag

Die kurzen Antworten. Jede Seite dieser Website sagt genauso deutlich, was der Dienst nicht tut, wie das, was er tut.

Hilft das meinem Shop, die Anforderungen des European Accessibility Act (EAA) zu erfüllen?

Ja, genau dafür ist es gedacht. Die EN 301 549, die für den EAA erarbeitete europäische Norm, stützt sich für Websites auf WCAG 2.2, und WCAG 2.2 Stufe AA ist genau der Maßstab, nach dem wir prüfen und korrigieren. Dazu erhalten Sie ein datiertes Remediation Evidence Package, das jede Korrektur belegt und das Sie vorlegen können, wenn jemand nachfragt. Die abschließende rechtliche Bewertung bleibt bei Ihrer Rechtsberatung.

Ändert sich etwas in meinem Live-Shop?

Nicht ohne Sie. Änderungen kommen als Pull Request, als unveröffentlichte Theme-Kopie oder als Patch-Paket. Ihr Entwicklungsteam oder Ihre Agentur führt sie zusammen, oder Sie veröffentlichen sie, sobald Sie zufrieden sind.

Was deckt ein Projekt nicht ab?

Befunde, bei denen Sie selbst inhaltlich entscheiden müssen (Korrekturstufe MANUAL, zum Beispiel Untertitel für Ihre Videos), eingebundene Dienste von Drittanbietern wie Zahlungs- oder Chat-Widgets sowie PDFs. Andere Plattformen als diese vier und Headless-Storefronts sind auf Anfrage möglich.

Wird KI am Code meines Shops eingesetzt?

Nur für Korrekturen der Stufe ASSISTED und nur mit Ihrer Zustimmung. KI-Entwürfe sind standardmäßig ausgeschaltet und werden für jeden Shop einzeln eingeschaltet. Jede entworfene Änderung wird von einer Person geprüft, bevor sie ausgeliefert wird.

Beginnen Sie mit einem kostenlosen Check Ihres Shops.

Senden Sie die Adresse Ihres Shops. Validiscan scannt ihn und antwortet mit jedem Fehler, den der Scan nachweisen kann, jeweils mit der Seite und dem Code.

Kostenlosen Check anfordern

Oder schreiben Sie an info@validiscan.com.

Was der kostenlose Check umfasst und was nicht
Sie senden
die Adresse Ihres Shops
Gescannte Seiten
bis zu 15
Sie erhalten
jeden Fehler, den der Scan nachweisen kann, mit Seite und Code
In Ihrem Shop
nur öffentliche Seiten; keine Anmeldung, nichts gekauft, kein Formular abgeschickt
Was er nicht ist
ein vollständiges Audit

Nachricht an Validiscan

Für einen kostenlosen Check nennen Sie die Adresse Ihres Shops und seine Plattform.

Validiscan verwendet, was Sie senden, um Ihnen zu antworten. Datenschutzerklärung