Demo-Bericht · WCAG 2.1 AA

BFSG/WCAG-Auditbericht für demo-shop.de

So sieht die technische Dokumentation aus: priorisierte Fundstellen, manuelle Stichprobe, Entwickler-Tickets und ein nachvollziehbarer Re-Scan-Plan.

1
Kritisch
1
Ernst
1
Mittel
5
Manuell prüfen

Kurzfazit

Die automatische Prüfung findet mehrere technische Barrieren im Kaufpfad. Checkout-Bedienbarkeit, sichtbarer Tastaturfokus und aussagekräftige Produktbild-Alternativen haben zuerst Priorität. Vor einer Konformitätsaussage bleibt eine manuelle Prüfung repräsentativer Seitentypen erforderlich.

Fundstellen

Befund, Wirkung und nächster Fix.

Jede Fundstelle ist priorisiert und so beschrieben, dass daraus direkt eine Aufgabe entstehen kann.

01kritisch

Checkout-Schaltfläche ohne eindeutigen zugänglichen Namen

WCAG 2.1 AA · 4.1.2 Name, Role, Value

Empfohlener Fix: Button-Label im Template ergänzen und im Checkout-Re-Scan prüfen.

02ernst

Fokuszustand in der Produktnavigation kaum sichtbar

WCAG 2.1 AA · 2.4.7 Focus Visible

Empfohlener Fix: Kontraststarken Fokus-Stil für Links, Filter und Buttons zentral setzen.

03mittel

Mehrere Produktbilder ohne beschreibende Alternativtexte

WCAG 2.1 AA · 1.1.1 Non-text Content

Empfohlener Fix: Alt-Texte aus Produktdaten ergänzen; dekorative Bilder leer markieren.

Manuelle Stichprobe

  • Startseite, Kategorie, Produktdetail, Warenkorb und Checkout
  • Tastatur-Navigation und Fokus-Reihenfolge
  • Formularlabels, Fehlermeldungen und Kontrast-Stichproben
  • Klare Grenzen: kein vollständiger Rechts- oder Usability-Test

Nächste Schritte

  1. 01Kritische Checkout-Befunde beheben
  2. 02Fokus- und Formularsystem zentral korrigieren
  3. 03BFSG-Information mit aktuellem Status veröffentlichen
  4. 04Re-Scan dokumentieren und Monitoring aktivieren

Tickets

Umsetzbar für Agentur oder Inhouse-Team.

Der Bericht übersetzt technische Befunde in klar abgegrenzte Entwickler-Aufgaben.

BC-01

Checkout-Button zugänglich benennen

Button-Komponente erhält ein sichtbares oder aria-basiertes Label; Re-Scan auf Checkout-Seite.

BC-02

Fokuszustände zentral vereinheitlichen

Theme-CSS ergänzt klaren Fokus für Header, Filter, Produktkarten und Warenkorb-Aktionen.

BC-03

Fehlermeldungen mit Feldern verbinden

Formularfehler werden per aria-describedby und verständlichem Text an Eingabefelder gekoppelt.

Nächster Schritt

Eigenen Shop prüfen und den Fix-Aufwand einordnen.