Barrierefreier Online-Checkout: Der Praxis-Check für kleine Betriebe

Ein Kauf scheitert nicht nur am Preis. Er scheitert auch, wenn jemand eine Variante nicht auswählen, ein Feld nicht verstehen oder eine Zahlung nicht abschließen kann. Für kleine Händler, Werkstätten mit Online-Terminbuchung und Dienstleister ist Barrierefreiheit deshalb kein reines Design-Thema: Sie betrifft den gesamten Weg bis zur Bestätigung.

Für bestimmte Dienstleistungen im elektronischen Geschäftsverkehr nennt das deutsche Barrierefreiheitsstärkungsgesetz (BFSG) seit dem 28. Juni 2025 einen gesetzlichen Rahmen. Ob ein konkretes Angebot erfasst ist, hängt unter anderem von Leistung, Zielgruppe und Unternehmenssituation ab. Das Gesetz definiert beispielsweise Kleinstunternehmen eigenständig. Dieser Beitrag ist keine Rechtsberatung – klären Sie den Geltungsbereich und mögliche Ausnahmen für Ihren Fall fachlich.

Nicht die Startseite testen, sondern den Abschluss

Ein guter Test beginnt bei einer realen Aufgabe: Eine Person sucht einen Termin oder Artikel, wählt eine Option, gibt Daten ein, prüft den Gesamtbetrag und erhält eine Bestätigung. Dabei zählt nicht nur, ob alles sichtbar ist, sondern ob der Ablauf bedienbar und verständlich bleibt.

Ein 25-Minuten-Release-Test

1. Starten Sie auf der Website und benutzen Sie nur Tabulator, Umschalt+Tabulator, Enter und Leertaste.
2. Finden Sie ein Angebot, wählen Sie alle Pflichtoptionen und legen Sie es in den Warenkorb.
3. Ändern Sie die Menge und entfernen Sie einen Artikel.
4. Senden Sie das Formular zunächst mit absichtlich falschen Daten ab.
5. Korrigieren Sie die Fehler ohne Maus. Die Meldung sollte sagen, was fehlt und wie es zu korrigieren ist.
6. Öffnen und schließen Sie Dialoge, Cookie-Auswahl und Zahlungsoptionen. Der Fokus muss sinnvoll wandern und zurückkehren.
7. Prüfen Sie die Bestätigung bei schmalem Fenster und vergrößerter Ansicht.
8. Notieren Sie Browser, Gerät, Datum, Pfad und Blocker – nicht nur „bestanden“ oder „nicht bestanden“.

Automatische Prüfungen helfen, wiederkehrende technische Fehler zu finden. Sie beweisen aber nicht, dass ein Checkout verständlich ist. Ergänzen Sie sie mit einem manuellen Tastaturtest und, wenn möglich, mit Rückmeldungen von Menschen, die unterschiedliche Hilfsmittel nutzen.

Die technische Basis ohne falsche Versprechen

Die Web Content Accessibility Guidelines (WCAG) liefern eine gemeinsame Sprache für wahrnehmbar, bedienbar, verständlich und robust. Sie sind keine Abkürzung für eine pauschale Rechtszusage. Praktisch bewährt sich jedoch eine klare Reihenfolge:

• zuerst semantisches HTML: echte Buttons, Labels, Überschriften und Listen;
• sichtbarer Fokus und eine logische Fokusreihenfolge;
• Fehlertexte direkt am Feld und eine Zusammenfassung mit Sprungmarken;
• Statusänderungen wie neuer Gesamtbetrag oder Formularerfolg nicht nur über Farbe oder Bewegung vermitteln;
• Sprache der Seite und längerer Sprachwechsel korrekt auszeichnen;
• eine einfache Kontaktmöglichkeit anbieten, falls der digitale Weg blockiert.

Eingebundene Dienste gehören in den Testplan

Zahlungsanbieter, Buchungskalender, Cookie-Banner, Karten und Chat-Widgets liegen oft außerhalb des eigenen Codes. Trotzdem verändern sie den Kaufweg. Führen Sie für jeden Dienst eine kurze Liste: Zweck, Fundstelle, verantwortlicher Anbieter, Version oder Konfiguration, bekannte Einschränkung, Ansprechperson und Ausweichweg.

Fragen Sie bei Auswahl oder Verlängerung nach einem aktuellen Nachweis, bekannten Problemen, Tests für Tastatur und Screenreader sowie danach, ob Ihr eigenes Styling zugängliche Voreinstellungen verändern kann. Eine Lieferantenaussage ersetzt keine Prüfung Ihres konkreten Ablaufs.

Barrierefreiheit wird beherrschbar, wenn sie wie Qualitätssicherung behandelt wird: klein testen, klar dokumentieren, bei jeder Änderung wiederholen.