Zum Inhalt springen
44 Barrierefreiheit Dokumentation

3.3.4 - Fehlervorsorge

AA 2.1 Umsetzung

Ziel

Vermeidung von Fehlern bei rechtlichen, finanziellen oder datenbezogenen Aktionen durch Mechanismen zur Korrektur, Überprüfung oder Widerruf.

Beschreibung

  • Bei Aktionen, die rechtliche oder finanzielle Verpflichtungen auslösen, benutzerkontrollierbare Daten ändern oder löschen oder Testantworten übermitteln, muss mindestens eine der folgenden Bedingungen erfüllt sein:
    • Widerrufbar: Bereits getätigte Eingaben oder Aktionen können zurückgenommen werden.
    • Geprüft: Eingabedaten werden automatisch auf Fehler geprüft und eine Möglichkeit zur Korrektur wird angeboten.
    • Bestätigt: Ein Mechanismus ermöglicht die Überprüfung, Bestätigung und Korrektur der Eingaben vor der finalen Übermittlung.
  • Ein Mechanismus zur Fehlervermeidung soll die Wahrscheinlichkeit verringern, dass schwerwiegende Konsequenzen durch versehentliche Eingaben entstehen.

Anforderungen

  • Bereitstellen von Bestätigungsmechanismen, z.B. Überprüfen und Korrigieren der Eingabedaten vor dem Absenden.
  • Einsatz automatischer Validierung zur Fehlererkennung bei Eingaben mit Optionen zur Korrektur.
  • Möglichkeit des Widerrufs für Aktionen wie Datenänderung, -löschung oder Transaktionen.
  • Einfordern einer expliziten Bestätigung (z.B. Dialogfeld oder Kontrollkästchen) vor endgültigen Entscheidungen.
  • Für Sicherheitsaspekte und sensible Inhalte sicherstellen, dass Mechanismen den Inhalt oder die Funktion nicht gefährden.

Code-Beispiele

Überprüfung und Bestätigung vor dem Absenden eines Formulars:
<form id="order-form">
  <label for="email">E-Mail-Adresse:</label>
  <input type="email" id="email" name="email" required><br>


  <label for="quantity">Bestellmenge:</label>
  <input type="number" id="quantity" name="quantity" min="1" required><br>


  <button type="button" id="review-button">Bestellung überprüfen</button>
</form>


<div id="review-section" style="display:none;">
  <p id="review-content"></p>
  <button type="submit" id="submit-button">Bestellung bestätigen</button>
</div>


<script>
  document.getElementById('review-button').addEventListener('click', function() {
    const email = document.getElementById('email').value;
    const quantity = document.getElementById('quantity').value;


    if (email && quantity) {
      document.getElementById('review-content').textContent = `Bitte überprüfen: E-Mail: ${email}, Menge: ${quantity}`;
      document.getElementById('review-section').style.display = 'block';
    } else {
      alert("Bitte füllen Sie alle Felder aus.");
    }
  });
</script>