Komponente Input Password – Feature ein- bzw.- ausblenden des Passworts

Description

Das Eingabefeld für Passwörter wird um eine Funktion erweitert, mit der Nutzende das eingegebene Passwort temporär sichtbar machen können.
Die Sichtbarkeit kann per Klick auf eine gut erkennbare Schaltfläche ein- und wieder ausgeblendet werden. Die Schaltfläche ist auch per Tastatur und Screenreader zugänglich.

User Story

Als Bürger:in möchte ich bei der Eingabe eines Passworts temporär das Passwort einsehen können, um sicherzustellen, dass ich keine falschen Zeichen eingegeben habe.

Begründung

Die Möglichkeit, Passwörter beim Eingeben anzuzeigen, ist ein bewährtes Usability- und Accessibility-Feature, das in nahezu allen modernen Anwendungen zum Einsatz kommt. Es hilft Nutzer:innen, Tippfehler frühzeitig zu erkennen, insbesondere bei langen oder komplexen Passwörtern und auf mobilen Geräten.

Darüber hinaus verbessert es die Zugänglichkeit für:

  • Menschen mit motorischen oder kognitiven Einschränkungen,
  • Personen, die Screenreader oder Tastaturnavigation nutzen,
  • Nutzer:innen in stressigen oder ablenkenden Situationen.

Das Feature reduziert Frustration bei der Passworteingabe, verringert die Zahl fehlerhafter Logins und entspricht gängigen UX-Standards und Barrierefreiheitsrichtlinien (z. B. WCAG).

Alternativen

Standard UX

Skalierbarkeit

Standard UX

Usability

Bei der Eingabe von Passwörtern entstehen leicht Fehler. Das „Aufdecken“ erlaubt eine schnelle Kontrolle der bisher eingegebenen Zeichen.

Kontext (Optional)

Füge Links, Bilder oder Dokumente zu Beispielen ein, falls vorhanden.

Lösung auf GOV•UK:

image.png

Lösung Mailchimp:

image.png


6CE6CF93-19CD-4BDE-BF4A-02E0BFCFF4A1

ECB47842-7B95-4770-BAFE-606E6DA17ACC

27431D21-3BC8-450B-82F7-F24BE198CA04

Diskussion über Input Password | KERN UX-Standard (Usability Pattern -> in die Community geben)

Reifegrad

Idee

Zeitliche Anforderung

So bald, wie möglich

Beitragen

Welche Expertise und/oder wieviel Zeit kannst du oder deine Organisation einbringen?

Expertise

z.B. UX Design, UI Design, Research

Verfügbarkeit

[ ] nein, liegt bei KERN
[ ] ja, ab KW X mit X Stunden.

Informiere dich vorab schon über unser Vorgehen.

Edited by Ramona Opderbeck
To upload designs, you'll need to enable LFS and have an admin enable hashed storage. More information