Barrierefreiheitszertifikat – Startseite

3.3.4 Fehlervermeidung (rechtlich, finanziell, Daten)

Bestellungen, Verträge, Zahlungen und das Ändern oder Löschen gespeicherter Daten lassen sich vor dem Absenden prüfen, korrigieren oder rückgängig machen.

Stufe AAPrinzip 3: Verständlich

Was bedeutet das?

Wo eine Eingabe rechtliche Folgen hat, Geld kostet oder gespeicherte Daten ändert oder löscht, muss mindestens eine Sicherung greifen: Die Person kann den Vorgang rückgängig machen, oder die Eingaben werden geprüft und sie kann Fehler korrigieren, oder sie sieht vor dem endgültigen Absenden eine Übersicht zum Prüfen und Bestätigen.

Das gilt auch für Prüfungen und Tests, bei denen Antworten abgegeben werden. Für eine Online-Bestellung ist die übliche Lösung eine Übersichtsseite mit allen Angaben, Änderungsmöglichkeit und einem eindeutig beschrifteten Bestell-Button.

Wem hilft das?

  • Menschen mit Lernschwierigkeiten oder Leseschwäche, die Zahlen leicht vertauschen
  • Menschen mit motorischen Einschränkungen, die versehentlich etwas auslösen
  • Blinde Menschen, die das ganze Formular nicht auf einen Blick sehen
  • Alle, die einen teuren Fehler vermeiden wollen

Typische Fehler

  • Ein Klick auf „Weiter“ schließt die Bestellung sofort ab, ohne Übersichtsseite.
  • Das Kundenkonto lässt sich mit einem Klick löschen, ohne Rückfrage und ohne Möglichkeit, es wiederherzustellen.
  • Auf der Übersichtsseite lassen sich Lieferadresse oder Menge nicht mehr ändern.
  • Eine Buchung für das falsche Datum wird ohne Prüfung und ohne Stornomöglichkeit angenommen.

So prüfen wir das

  • Belege Belege: Unser Scanner sammelt Material, zum Beispiel Screenshots, Listen und Messungen.

Prüffrage: Bestellungen, Verträge und Datenänderungen lassen sich vor dem Absenden prüfen, korrigieren oder rückgängig machen.

Entschieden wird jedes Kriterium von einem Menschen. Kein Kriterium gilt automatisch als erfüllt.

So beheben Sie es

Problem
<button type="submit">Weiter</button>  <!-- bestellt sofort -->
Besser
<h2>Bitte prüfen Sie Ihre Bestellung</h2>
<dl>
  <dt>Lieferadresse</dt><dd>… <a href="/kasse/adresse">Ändern</a></dd>
  <dt>Gesamtbetrag</dt><dd>49,90 €</dd>
</dl>
<form method="post" action="/kasse/bestellen">
  <button type="submit">Zahlungspflichtig bestellen</button>
</form>

Die Übersicht mit Änderungslinks gibt vor dem endgültigen Absenden die Chance, Fehler zu korrigieren.

Praxistipps

  • Beim Löschen von Daten hilft eine Rückfrage oder eine Frist, in der sich der Vorgang rückgängig machen lässt.

Ratgeber und Muster dazu

Offizielle Quelle

Understanding WCAG 2.2 beim W3C (Englisch): 3.3.4 Error Prevention (Legal, Financial, Data)

Wie steht Ihre Website bei diesem Kriterium?

Der kostenlose Check prüft Ihre Startseite automatisch, das Audit entscheidet alle 55 Kriterien.

Kostenlos prüfenAlle Kriterien