Zum Inhalt springen
44 Barrierefreiheit Dokumentation

2️⃣ 3.3.7 - Redundanter Eintrag

A 2.2 Umsetzung

Ziel

Vermeidung redundanter Eingaben in mehrstufigen Prozessen.

Beschreibung

  • In mehrstufigen Prozessen sollen Informationen, die zuvor vom Benutzer eingegeben oder bereitgestellt wurden, nicht erneut abgefragt werden.
  • Stattdessen sollten diese Informationen automatisch ausgefüllt oder zur Auswahl bereitgestellt werden.
  • Ausnahmen gelten, wenn:
    • die erneute Eingabe essenziell ist (z. B. für Sicherheitszwecke),
    • die vorherigen Informationen nicht mehr gültig sind,
    • die erneute Eingabe ein wesentlicher Bestandteil des Prozesses ist.

Anforderungen

  • Nutzung von Technologien zur Speicherung und Wiedergabe von Benutzereingaben innerhalb einer Sitzung.
  • Implementierung von Mechanismen wie vorab ausgefüllten Feldern oder Auswahloptionen (z. B. Dropdown-Listen).
  • Sicherstellung, dass sensible Informationen nur dann vorab ausgefüllt werden, wenn die Sicherheit gewährleistet ist.
  • Dynamische Aktualisierung von Formularen basierend auf Benutzerauswahl (z. B. „Rechnungsadresse entspricht Lieferadresse“).

Code-Beispiele

Automatisches Ausfüllen von Formularfeldern

<form>
  <label for="shipping-address">Lieferadresse:</label>
  <input type="text" id="shipping-address" name="shipping-address" value="Musterstraße 1, 12345 Musterstadt" />


  <label>
    <input type="checkbox" id="same-address" />
    Rechnungsadresse entspricht Lieferadresse
  </label>


  <div id="billing-address">
    <label for="billing-address">Rechnungsadresse:</label>
    <input type="text" id="billing-address-input" name="billing-address" />
  </div>
</form>
<script>
  document.getElementById('same-address').addEventListener('change', (e) => {
    const billingAddress = document.getElementById('billing-address');
    billingAddress.style.display = e.target.checked ? 'none' : 'block';
  });
</script>