WCAG 2.1 - 3.3.4
Error Prevention (Legal, Financial, Data)
„Für Webseiten, die rechtliche Verpflichtungen oder finanzielle Transaktionen für den Benutzer auslösen, die benutzerkontrollierbare Daten in Datenspeichersystemen ändern oder löschen oder die Testantworten des Benutzers übermitteln, trifft mindestens eine der folgenden Aussagen zu:“
Inhalt
Was steht in den Guidelines zum Success Criterium 3.3.4 - Error Prevention (Legal, Financial, Data)?Was Bedeutet das Success Criterium 3.3.4 - Error Prevention (Legal, Financial, Data)?Warum ist es so wichtig, das Success Criterium 3.3.4 - Error Prevention (Legal, Financial, Data) zu beachten?Was hat das Success Criterium 3.3.4 - Error Prevention (Legal, Financial, Data) mit dem BFSG zu tun?Lösungen für 3.3.4 - Error Prevention (Legal, Financial, Data) anhand von CodebeispielenWie löse ich Verstöße gegen das Success Criterium 3.3.4 - Error Prevention (Legal, Financial, Data)?Was steht in den Guidelines zum Success Criterium 3.3.4 - Error Prevention (Legal, Financial, Data)?
Implementationshinweise
- Reversible: Einreichungen sind umkehrbar.
- Checked: Die vom Benutzer eingegebenen Daten werden auf Eingabefehler überprüft, und dem Benutzer wird die Möglichkeit gegeben, diese zu korrigieren.
- Confirmed: Ein Mechanismus steht zur Verfügung, um Informationen vor der endgültigen Einreichung zu überprüfen, zu bestätigen und zu korrigieren.
Was Bedeutet das Success Criterium 3.3.4 - Error Prevention (Legal, Financial, Data)?
Dieses Kriterium verlangt, dass Nutzer Fehler vermeiden oder korrigieren können, wenn sie Aktionen auf einer Website ausführen, die rechtliche, finanzielle oder datenbezogene Auswirkungen haben. Es betrifft vor allem Bereiche, in denen die Konsequenzen besonders schwerwiegend sein können, zum Beispiel bei Vertragsabschlüssen, Käufen, Überweisungen oder dauerhaften Veränderungen an persönlichen Daten.
Du solltest also dafür sorgen, dass Nutzer:
- Die von ihnen eingegebenen Daten noch einmal überprüfen und bestätigen können, bevor sie abgeschickt werden.
- Fehler erkennen und korrigieren können.
- Vorgänge leicht zurücknehmen oder widerrufen können, falls ein Fehler passiert ist.
Dieses Kriterium ist besonders auf kritische Formulare und Prozesse anzuwenden – also dort, wo ein Fehler rechtliche oder finanzielle Schäden verursachen könnte, oder wenn persönliche Daten dauerhaft gespeichert werden.
Warum ist es so wichtig, das Success Criterium 3.3.4 - Error Prevention (Legal, Financial, Data) zu beachten?
Warum ist dieses Kriterium wichtig?
Gerade bei rechtlichen oder finanziellen Vorgängen können kleine Fehler zu großen Problemen oder sogar Schäden für die Nutzer führen. Menschen mit Behinderungen (z.B. kognitiven Einschränkungen oder motorischen Beeinträchtigungen) sind besonders gefährdet, versehentlich falsche Angaben zu machen.
Die Umsetzung dieses Kriteriums sorgt dafür, dass niemand benachteiligt wird und reduziert das Risiko von Fehlbedienungen – das schützt sowohl die Nutzer als auch Ihr Unternehmen vor rechtlichen Auseinandersetzungen und Vertrauensverlust.
Was hat das Success Criterium 3.3.4 - Error Prevention (Legal, Financial, Data) mit dem BFSG zu tun?
Bezug zum Barrierefreiheitsstärkungsgesetz (BFSG)
Das BFSG verlangt, dass alle entscheidenden Prozesse auf Websites barrierefrei gestaltet sind. Das betrifft insbesondere Bereiche mit rechtlichen und finanziellen Konsequenzen. Wird dieses Kriterium nicht eingehalten, ist eine Website nicht BFSG-konform.
Ohne ausreichend Hilfe zur Fehlervermeidung wäre nicht sichergestellt, dass Menschen mit unterschiedlichen Fähigkeiten oder Einschränkungen gleiche Möglichkeiten haben, Dienste sicher und zuverlässig zu nutzen – so, wie es das Gesetz verlangt. Daher ist die Einhaltung dieses Kriteriums zwingend notwendig.
Lösungen für 3.3.4 - Error Prevention (Legal, Financial, Data) anhand von Codebeispielen
Falscher Code
<form action="/submit-order" method="post">
<label for="account">Kontonummer:</label>
<input type="text" name="account" id="account">
<label for="amount">Betrag:</label>
<input type="text" name="amount" id="amount">
<button type="submit">Überweisung ausführen</button>
</form>Korrekter Code
<form action="/submit-order" method="post">
<label for="account">Kontonummer:</label>
<input type="text" name="account" id="account">
<label for="amount">Betrag:</label>
<input type="text" name="amount" id="amount">
<button type="button" onclick="showReview()">Eingaben überprüfen</button>
<!-- Das Formular wird zunächst nicht abgeschickt, sondern es erscheint eine Übersichtsseite zum Prüfen der Eingaben -->
</form>
<!-- Beispiel für die Überprüfungsseite: -->
<div id="reviewModal" style="display:none">
<p>Bitte überprüfen Sie Ihre Angaben:</p>
<ul>
<li>Kontonummer: <span id="reviewAccount"></span></li>
<li>Betrag: <span id="reviewAmount"></span></li>
</ul>
<button type="submit">Überweisung bestätigen</button>
<button type="button" onclick="editForm()">Angaben korrigieren</button>
</div>Im schlechten Beispiel werden Nutzereingaben sofort abgeschickt, ohne jede Möglichkeit zur Kontrolle oder Korrektur. Im guten Beispiel gibt es eine Möglichkeit, die Eingaben vor dem Absenden zu überprüfen und Fehler zu korrigieren.
Falscher Code
<!-- Dauerhafte Änderung persönlicher Daten ohne Undo -->
<form action="/update-profile" method="post">
<label for="email">E-Mail:</label>
<input type="email" name="email" id="email">
<button type="submit">Speichern</button>
</form>Korrekter Code
<!-- Änderung kann zurückgenommen werden oder es gibt einen klaren Hinweis -->
<form action="/update-profile" method="post">
<label for="email">E-Mail:</label>
<input type="email" name="email" id="email">
<button type="submit">Speichern</button>
<p>Nach dem Speichern können Sie Änderungen innerhalb von 24 Stunden rückgängig machen.</p>
</form>Im schlechten Beispiel könnte ein Fehler nicht rückgängig gemacht werden. Im guten Beispiel wird dem Nutzer eine Möglichkeit zur Korrektur oder zum Widerruf gegeben, wie es das Kriterium verlangt.
Wie löse ich Verstöße gegen das Success Criterium 3.3.4 - Error Prevention (Legal, Financial, Data)?
Unser Accessibility Audit bietet Ihnen die Möglichkeit, mittels unseres AI-basierten Barrierefreiheits-Assistenten, vollautomatisch konkrete Lösungsvorschläge für Ihre Seite zu erstellen. Dafür scannen wir Ihre Website und ihren Quellcode, finden Problemstellen und zeigen Ihnen anhand Ihres eigenen Websitecode fertige Lösungen zum Kopieren und Einfügen. Starten Sie jetzt den Accessibility Audit kostenlos.