BFSG • BaFG • European Accessibility Act

Barrierefreiheits-Audits für den Checkout Ihres Onlineshops

Seit dem 28. Juni 2025 müssen Onlineshops, die an Verbraucher in der EU verkaufen, die Barrierefreiheitsanforderungen des BFSG und des European Accessibility Act erfüllen. Über 70 % aller Checkouts weisen kritische Hürden auf. Wir prüfen den Bezahlweg Ihrer Kunden manuell per Tastatur und Screenreader (NVDA) und liefern Ihren Entwicklern konkrete Code-Korrekturen.

Ergebnis innerhalb von 3 Werktagen Keine Störung Ihres laufenden Shopbetriebs Keine Kreditkarte oder Zahlungsdaten nötig
Harmonisierte Norm EN 301 549
WCAG 2.1 Stufe AA Standard
Echte Tests mit NVDA & Tastatur
60 Tage Nachprüfung inklusive

Ist Ihr Shop gefährdet? Der 60-Sekunden-Selbsttest

Sie können die grundlegende Barrierefreiheit Ihres Onlineshops sofort ohne Zusatzsoftware prüfen. Öffnen Sie Ihren Shop und machen Sie diese drei einfachen Tests:

1

Kauf nur mit der Tab-Taste

Legen Sie die Maus beiseite. Navigieren Sie von der Startseite zu einem Produkt, wählen Sie eine Größe und legen Sie es nur mit Tab und Enter in den Warenkorb.

Typischer Fehler: Die Fokus-Markierung ist unsichtbar oder das Auswahlmenü lässt sich per Tastatur nicht öffnen.
2

Die Warenkorb-Fokusfalle

Wenn der Warenkorb-Einschub aufgleitet: Drücken Sie Tab. Bleibt der Fokus im Warenkorb? Schließt Escape den Einschub und setzt den Fokus zurück?

Typischer Fehler: Der Fokus springt hinter dem Warenkorb auf die Hauptseite oder Esc bewirkt nichts.
3

Der Formularfehler-Test

Gehen Sie zur Kasse und klicken Sie mit leeren Pflichtfeldern auf "Weiter". Springt der Tastaturfokus sofort zur Fehlermeldung und wird der Fehler akustisch vorgelesen?

Typischer Fehler: Die Seite blockiert ohne Meldung, für Screenreader-Nutzer bleibt der Fehler stumm.
Ist mindestens ein Test fehlgeschlagen?

Dann ist Ihr Checkout für Menschen mit motorischen oder visuellen Einschränkungen unbenutzbar und verstößt gegen das BFSG. Wir zeigen Ihnen alle Schwachstellen.

Kostenlosen Kurzcheck anfordern

Warum automatische Tools und Overlay-Widgets scheitern

Automatisierte Scanner erfassen weniger als ein Drittel der WCAG-Kriterien, und Barrierefreiheits-Widgets lassen den fehlerhaften Quellcode unberührt:

Automatischer Scan

Lighthouse / Axe Tools

Reine statische Code-Prüfung

  • Findet nur 25 % bis 30 % der tatsächlichen Barrieren
  • Kann keine interaktiven Kaufprozesse oder Modals testen
  • Liefert Fehlalarme, die Entwicklerzeit verschwenden
  • Keine Prüfung mit echten Screenreadern

Als technischer Schnelltest nützlich, rechtlich und fachlich allein jedoch unzureichend.

Overlay-Plugins

Barrierefreiheits-Widgets

Kosmetische JavaScript-Leiste

  • Lässt fehlerhaften Code und fehlendes ARIA unverändert
  • Wird von Betroffenen und Blindenverbänden strikt abgelehnt
  • Schützt weder vor Abmahnungen noch vor Behördenstrafen
  • Laufende monatliche Abo-Kosten und langsamere Ladezeiten

Europäische Behörden und Verbände erkennen Overlay-Widgets nicht als Konformitätsnachweis an.

Die ClearCheckout-Methode

Manuelles Code-Audit

Echte menschliche Prüfung & Code-Fixes

  • 100 % manuell geprüft mit Screenreader NVDA & Tastatur
  • Prüfung des gesamten Kundenwegs bis zur Bezahlung
  • Exakte Code-Korrekturen für Ihre Entwickler zum Übernehmen
  • Inklusive Nachprüfung aller behobenen Fehler innerhalb von 60 Tagen

Dauerhafte, saubere Code-Lösungen für echte Barrierefreiheit und Rechtssicherheit.

Was Ihre Entwickler konkret erhalten

Jede Barriere wird so dokumentiert, dass ein Entwickler sie ohne Besprechung oder Rückfragen direkt beheben kann.

Fehler #04 • Kritische Barriere WCAG 2.1 SC 4.1.2 Name, Rolle, Wert WCAG 2.1 SC 1.3.1 Info & Beziehungen
Ort: Warenkorb-Einschub (cart-drawer.liquid / Template)

Plus-/Minus-Buttons zur Mengenauswahl besitzen keine Barrierefreiheits-Beschriftung

Auswirkung auf Kunden: Erreicht ein Screenreader-Nutzer die Mengenschaltflächen im Warenkorb, sagt NVDA lediglich "Schaltfläche, Schaltfläche" an. Blinde Kunden können weder erkennen, welcher Button die Menge verringert oder erhöht, noch auf welchen Artikel sich die Änderung bezieht.
Bisheriger Code (Fehlerhaft) Verletzt WCAG 4.1.2
<!-- Fehler: Reine Icon-Schaltflächen ohne Textbeschriftung -->
<div class="quantity-control">
  <button class="qty-btn minus" onclick="decrease()">
    <svg class="icon">...</svg>
  </button>
  <input type="text" value="1" />
  <button class="qty-btn plus" onclick="increase()">
    <svg class="icon">...</svg>
  </button>
</div>
ClearCheckout-Korrektur Erfüllt WCAG 2.1 AA
<!-- Korrigiert: Eindeutige aria-labels & valides Input -->
<div class="quantity-control">
  <button class="qty-btn minus"
    aria-label="Menge für Bio-Baumwoll-Shirt verringern"
    onclick="decrease()">
    <svg class="icon" aria-hidden="true" focusable="false">...</svg>
  </button>
  <input type="number" aria-label="Menge für Bio-Baumwoll-Shirt" value="1" />
  <button class="qty-btn plus"
    aria-label="Menge für Bio-Baumwoll-Shirt erhöhen"
    onclick="increase()">
    <svg class="icon" aria-hidden="true" focusable="false">...</svg>
  </button>
</div>
Bereit für den Workflow Ihres Teams:
Executive PDF-Bericht Jira / GitHub CSV-Import Direkte Code-Snippets Screenreader-Testnotizen

Was im Audit enthalten ist und was nicht

Wir prüfen alle kritischen Reibungspunkte zwischen Produktauswahl und Kaufabschluss.

In jedem Checkout-Audit enthalten

  • Vollständiger Kauf per Tastatur von der Produktauswahl bis zur Bezahlung
  • Sichtbarer Fokus & logische Fokusführung in Modals und Slide-Outs
  • Formularbeschriftungen & Fehlermeldungen für Screenreader
  • Interaktive Bedienelemente: Farbauswahl, Größenpicker, Filter & Akkordeons
  • Farbkontraste von Texten, Schaltflächen, Platzhaltern und Icons
  • Zoom auf 200 % & Umbruch bei 400 % ohne horizontalen Scrollbalken
  • Screenreader-Prüfung mit NVDA unter Windows und Chrome
  • Automatischer Scan jeder Vorlage als methodische Ausgangsbasis

Nicht im Leistungsumfang enthalten

  • Native mobile Apps (iOS Swift / Android Kotlin)
  • Direkte Code-Änderungen: Wir liefern den Code, Ihre Entwickler spielen ihn ein
  • Nutzertests mit Testpersonen mit Behinderungen
  • Rechtsberatung oder rechtliche Haftungsübernahme

Hinweis zu externen Zahlungsanbietern: Vom Zahlungsanbieter gehostete Iframes (z. B. Stripe, Klarna, PayPal) werden geprüft und dokumentiert. Den Code innerhalb des Iframes kann jedoch ausschließlich der Zahlungsanbieter anpassen.

Gilt das Gesetz für Ihren Onlineshop?

Das Barrierefreiheitsstärkungsgesetz (BFSG) in Deutschland und das BaFG in Österreich setzen den European Accessibility Act (Richtlinie (EU) 2019/882) verbindlich um. Stichtag war der 28. Juni 2025.

Wer betroffen ist

Unternehmen, die online Produkte oder Dienstleistungen an Verbraucher in einem EU-Land verkaufen – unabhängig vom Sitz des Unternehmens (auch US-, UK- und Schweizer Händler).

Wer ausgenommen ist

Kleinstunternehmen, die Dienstleistungen erbringen: weniger als 10 Beschäftigte und höchstens 2 Millionen Euro Jahresumsatz oder Bilanzsumme.

Welcher Standard

Die harmonisierte europäische Norm EN 301 549, die für Websites die WCAG 2.1 Stufe AA vorschreibt. Genau nach diesem Standard prüfen wir.

Hinweis: Bei Verstößen drohen Bußgelder bis zu 100.000 Euro (§ 37 BFSG), Verkaufsverbote sowie wettbewerbsrechtliche Abmahnungen durch Verbände und Mitbewerber. Dies ist eine technische Orientierung, keine Rechtsberatung.

Transparente Festpreise

Preise in Euro, gegebenenfalls zuzüglich Umsatzsteuer. Zahlung bequem per Karte über Stripe nach Abstimmung des Umfangs. Keine versteckten Abos oder Folgekosten.

Kurzcheck

Schnelle Standortbestimmung Ihres Shops

Kostenlos

  • Startseite + eine repräsentative Produktseite
  • Die 3 gravierendsten Barrieren analysiert
  • Per E-Mail innerhalb von 3 Werktagen
  • Völlig unverbindlich, keine Zahlungsdaten nötig
Kurzcheck anfragen

Komplett-Audit

Gesamter Shop & Erklärung zur Barrierefreiheit

1.400 € einmalig

  • Bis zu 12 Vorlagen: Suche, Filter, Kundenkonto, Kontaktformulare
  • Alles aus dem Checkout-Audit enthalten
  • Entwurf einer Erklärung zur Barrierefreiheit für Ihren Shop-Footer
  • Priorisierter Support & 60 Tage Nachprüfung
  • Lieferung innerhalb von 10 Werktagen
Komplett-Audit beauftragen

So läuft das Audit ab

Ein klarer, transparenter Ablauf ohne Störung Ihrer Entwicklungs-Roadmap.

  1. 1

    Shop-URL senden

    Nennen Sie uns Ihre Shop-Adresse. Wir prüfen Ihre Vorlagen und bestätigen Festpreis und Liefertermin innerhalb von 24 Stunden.

  2. 2

    Sichere Prüfung

    Wir prüfen Ihren Live-Shop per Tastatur und NVDA. Wir lösen keine echten Bestellungen aus und erfassen keine Kundendaten.

  3. 3

    Bericht & Code-Fixes

    Sie erhalten den PDF-Bericht, exakte Code-Muster für Ihr System und eine CSV-Tabelle für Ihr Ticketsystem (Jira, GitHub).

  4. 4

    60 Tage Nachprüfung

    Ihre Entwickler spielen die Korrekturen ein. Wir prüfen alle behobenen Vorlagen innerhalb von 60 Tagen kostenlos nach.

Häufig gestellte Fragen (FAQ)

Fragen zum Barrierefreiheitsstärkungsgesetz (BFSG) oder unserem Prüfablauf? Hier finden Sie klare Antworten.

Gilt das BFSG auch für Shops, die ihren Sitz außerhalb Deutschlands oder der EU haben?

Ja. Das Gesetz knüpft an den Marktort an: Wenn Ihr Onlineshop Produkte oder Dienstleistungen an Verbraucher in Deutschland oder anderen EU-Ländern verkauft, müssen Sie die Vorgaben erfüllen – ganz gleich, ob Ihr Unternehmen in Deutschland, den USA, Großbritannien oder der Schweiz sitzt.

Benötigen Sie Administrator-Zugänge oder Zugriff auf unser Shopsystem?

Nein. Wir prüfen Ihren Onlineshop von außen auf der Live-Umgebung, exakt so, wie ein echter Kunde einkauft. Wir benötigen keine Passwörter, keine Backend-Rechte und keinen Zugriff auf Ihr Git-Repository. Wir lösen auch keine Testbestellungen aus.

Wie werden externe Zahlungsanbieter (Shopify Checkout, Stripe, PayPal, Klarna) geprüft?

Wir testen alle Schritte bis einschließlich der Zahlungsabwicklung. Bei Zahlungs-Iframes (z. B. Stripe Elements) prüfen wir Tastaturfokus, Beschriftungen und Fehlermeldungen. Probleme in Ihrem Theme erhalten konkrete Code-Korrekturen; Barrieren innerhalb extern gehosteter Iframes dokumentieren wir für Ihre Konfiguration.

Welche Onlineshop-Systeme werden unterstützt?

Wir prüfen alle gängigen Plattformen: Shopware (5 & 6), Shopify / Shopify Plus, WooCommerce (WordPress), Magento / Adobe Commerce, Spryker, PrestaShop sowie individuelle Headless-Lösungen (Next.js, Nuxt, Remix, Gatsby).

Warum sollten wir kein Barrierefreiheits-Overlay-Widget installieren?

Overlay-Widgets legen eine Leiste über den Shop, lassen den darunterliegenden HTML- und ARIA-Code jedoch unverändert fehlerhaft. Screenreader lesen den fehlerhaften DOM-Baum aus, nicht das Widget. Blindenverbände, Barrierefreiheits-Experten und europäische Marktüberwachungsbehörden warnen ausdrücklich vor Overlays; vor Abmahnungen oder behördlichen Bußgeldern schützen sie nicht.

Wie läuft die Nachprüfung nach 60 Tagen genau ab?

Sobald Ihr Entwicklerteam die im Bericht enthaltenen Korrekturen eingespielt hat, schreiben Sie uns kurz. Innerhalb von 60 Tagen nach der Berichtsübergabe prüfen wir die behobenen Kriterien kostenfrei erneut und bescheinigen die erfolgreiche Fehlerbeseitigung.

Wie funktioniert der kostenlose Kurzcheck?

Ohne Verkaufsgespräch und ohne Zahlungsdaten: Schicken Sie uns Ihre Shop-URL. Wir analysieren Ihre Startseite und eine Produktseite manuell und senden Ihnen die 3 gravierendsten Checkout-Barrieren innerhalb von 3 Werktagen per E-Mail zu.

Kontakt • Audit anfragen

ClearCheckout wird von Alexandru Filip in Brüssel betrieben. Prüfung und Berichterstellung erfolgen KI-gestützt und werden zu 100 % manuell mit Screenreader NVDA und Tastatur verifiziert.

Möchten Sie Ihren Checkout barrierefrei und rechtssicher machen?

Schreiben Sie uns mit Angabe Ihrer Shop-URL und Ihres Shopsystems. Wir antworten innerhalb von 24 Stunden mit Vorlagenumfang und Terminbestätigung. Wir kommunizieren auf Deutsch oder Englisch.

E-Mail an hello@clearcheckout.eu In die Zwischenablage kopiert!