Skip to main content
E-Commerce & Onlineshops

Barrierefreier Onlineshop: WCAG- & BFSG-Anforderungen umsetzen

Prüfe Produktseiten, Filter, Warenkorb und Checkout-Prozesse auf WCAG-bezogene Barrieren – auch in Zuständen hinter Cookie-Bannern oder Logins. navable verbindet Audit, Fix-Unterstützung, Monitoring und Dokumentation in einem Workflow.

Barrierefreiheits-Audit-Dashboard für einen Onlineshop mit WCAG-Ergebnissen für Checkout und Produktseiten

Welche Anforderungen gelten für Onlineshops?

Für viele B2C-Angebote in Deutschland ist die digitale Barrierefreiheit im Zusammenhang mit dem BFSG relevant. Welche Pflichten konkret gelten, hängt unter anderem vom Angebot, der Unternehmenssituation und möglichen Ausnahmen ab. Eine technische Prüfung nach WCAG und eine nachvollziehbare Dokumentation sind wichtige Bestandteile eines belastbaren Accessibility-Workflows.

  • Prüfe nicht nur die Startseite, sondern die zentralen Wege vom Produkt bis zum Kaufabschluss.
  • Beziehe interaktive Zustände ein, zum Beispiel Filter, Warenkorb, Cookie-Einwilligung und Fehlermeldungen.
  • Nutze Audit-Ergebnisse als technische Arbeitsgrundlage und ergänze sie bei Bedarf durch manuelle oder externe Prüfungen.
  • Halte Fortschritt, wiederkehrende Audits und die daraus entstehende Dokumentation an einem Ort fest.
Wo Onlineshops häufig Barrieren aufweisen

Die kritischsten Probleme liegen oft nicht auf statischen Inhaltsseiten, sondern in Interaktionen und Transaktionsschritten.

Checkout & Formulare

Fehlende Labels, von Screenreadern nicht angesagte Fehlermeldungen und nicht tastaturbedienbare Schritte verhindern Käufe.

Produktbilder & Medien

Fehlende oder unbrauchbare Alt-Texte bedeuten, dass Screenreader-Nutzende Produkte nicht unterscheiden können.

Filter & Facettensuche

Filter- und Sortier-Steuerungen, die Ergebnisse ändern, ohne dies anzukündigen, blockieren Tastatur- und Screenreader-Nutzung.

Warenkorb & Modals

Quick-View- und Warenkorb-Overlays, die den Fokus fangen oder sich nicht per Tastatur schließen lassen, machen Kernaktionen unmöglich.

Cookie-Banner & Overlays

Consent-Layer, die nicht tastaturbedienbar sind oder die Seite blockieren, brechen die Barrierefreiheit, bevor Nutzende den Shop erreichen.

Wie navable E-Commerce-Teams unterstützt

Von der Domain und Sitemap bis zum interaktiven Checkout: baue einen wiederholbaren Prüf- und Dokumentationsprozess auf.

Ganze Shop-Domain prüfen

Crawle einfach Deine Domain oder importiere Deine Sitemap, um Produkt-, Kategorie- und Inhaltsseiten automatisch zu scannen und fortlaufend im Blick zu behalten.

Checkout über mehrere Page States prüfen

Prüfe den Warenkorb, einzelne Checkout-Schritte und den Zustand nach Cookie-Bannern – mit übersichtlichen Screenshots für jeden Schritt.

KI-Fix-Prompts für Entwickler

Zu jedem Befund erhältst Du einen fertigen Prompt für Deine KI-IDE, damit Dein Team Probleme schnell und einfach beheben kann.

Barrierefreiheitserklärung generieren

Erstelle eine strukturierte Barrierefreiheitserklärung direkt verknüpft mit Deinen Audit-Ergebnissen und lade Reports für Deine Dokumentation herunter.

Was Du mit navable abdecken kannst

  • Automatisierte WCAG-Audits mit realem Browser-Kontext.
  • Zusätzliche KI-semantische Regeln für ausgewählte kontextabhängige Prüfungen.
  • Multi-State- und Interaktionsprüfungen für relevante Shop-Zustände.
  • Desktop- und Mobilprofile für unterschiedliche Darstellungen.
  • Scheduled Audits, Verlauf und Reports für wiederkehrendes Monitoring.
  • KI-Fix-Prompts für die Übergabe an Entwicklerteams.
  • Zusammenführung automatisierter, manueller und externer Audit-Ergebnisse.
  • Strukturierte Barrierefreiheitserklärung auf Basis der verfügbaren Audit-Daten.

Warum ein einzelner Seiten-Scan für Onlineshops nicht ausreicht

Login- und Checkout-Zustände

Viele einfache Crawler beginnen und enden bei öffentlich erreichbaren URLs. Für einen Shop ist jedoch entscheidend, was im Warenkorb und während des Checkouts passiert. navable unterstützt konfigurierbare Interaktionsschritte und Page States für solche Prüfungen.

Cookie-Banner und dynamische Inhalte

Filter, Dialoge und Consent-Layer verändern den Zustand einer Seite. Ein wiederholbarer Browser-Workflow kann diese Zustände gezielter in die Prüfung einbeziehen als ein reiner statischer HTML-Scan.

Semantische Qualität

Regelbasierte Prüfungen sind wichtig, decken aber nicht jede kontextabhängige Frage ab. navable ergänzt den Audit-Workflow mit ausgewählten KI-semantischen Regeln, zum Beispiel für bestimmte Fragen zur Qualität von Labels oder Link-Texten.

Audit und Dokumentation

Ein einzelnes Scan-Ergebnis ist noch kein laufender Prozess. navable verbindet Befunde, Wiederholungen, Reports und Erklärungserstellung in einer Plattform.

Häufige Fragen