Ein Passwortfeld zeigt nichts an. Jeder getippte Buchstabe wird sofort zu einem Punkt, und das ist auch gut so. Für jemanden mit zittriger Hand, schwankender Konzentration oder einer Vorlese-Software wird aus dieser Maskierung aber schnell ein Blindflug.
Beim Passwort treffen mehrere Hürden zusammen: Man tippt etwas, das man nicht sieht, oft unter Zeitdruck und mit strengen Regeln. Vier sichtbare Merkmale entscheiden, ob das Feld für alle Menschen bedienbar bleibt. Die allgemeinen Regeln fürs Formular liest Du im Beitrag zu barrierefreien Formularen, hier geht es um die Eigenheiten des Passwortfelds.
Warum maskierte Eingabe doppelt fordert
Ein normales Textfeld zeigt, was drinsteht. Ein Tippfehler fällt beim Drüberlesen auf, und man bessert ihn aus. Beim Passwort fehlt diese Kontrolle, weil jedes Zeichen verdeckt ist.
Wer langsam tippt, häufig danebengreift oder einzelne Buchstaben vertauscht, merkt den Fehler erst beim Absenden. Dann beginnt das Raten, denn niemand sieht, an welcher Stelle es hakte. Für Menschen mit motorischen oder kognitiven Einschränkungen ist das ein echter Stolperstein, und genau diese Gruppe profitiert am stärksten von den nächsten Merkmalen. Wie unruhige Hände das Web sonst noch fordern, vertieft der Beitrag zu motorischen Einschränkungen.
Du musst dafür nichts selbst programmieren. Es reicht, die vier Merkmale zu kennen, sie an Deiner eigenen Anmeldung zu prüfen und sie Deiner Agentur als Anforderung mitzugeben.
Ein Umschalter zum Anzeigen des Passworts
Das wirksamste Merkmal ist eine Möglichkeit, das eingegebene Passwort kurz sichtbar zu machen. Ein kleiner Knopf am Feld blendet die Punkte aus und zeigt die Klartext-Zeichen, ein zweiter Klick versteckt sie wieder. So kann jeder selbst entscheiden, ob die Umgebung vertrauenswürdig genug ist, um nachzusehen.
Für Menschen mit zittriger Hand oder Lese-Schwierigkeiten ist dieser Blick oft der Unterschied zwischen Anmelden und Aufgeben. Auch wer wegen Legasthenie unsicher beim Tippen ist, gewinnt damit Kontrolle zurück. Mehr dazu steht im Beitrag über lesbaren Text bei Legasthenie.
Entscheidend ist, dass dieser Umschalter klar benannt ist. Ein Auge-Symbol allein bleibt rätselhaft, vor allem für eine Vorlese-Software. Ein gutes Feld sagt hörbar an, ob es gerade „Passwort anzeigen" oder „Passwort verbergen" anbietet. Daran erkennst Du im Schnelltest ein durchdachtes Formular, der Knopf trägt eine verständliche Bezeichnung und reagiert auf einen Klick sichtbar.
Hilfetexte vor dem Tippen, nicht danach
Strenge Passwort-Regeln sind nur fair, wenn der Nutzer sie kennt, bevor er tippt. Eine Zeile wie „Mindestens acht Zeichen, eine Zahl und ein Großbuchstabe" gehört sichtbar unter das Feld, nicht versteckt in einer Fehlermeldung, die erst nach dem Fehlversuch erscheint.
Wer die Bedingung vorher liest, füllt das Feld auf Anhieb richtig aus und spart sich den Frust mehrerer Anläufe. Das hilft besonders Menschen, die sich Regeln schwer merken oder beim Wechsel zwischen Feld und Meldung den Faden verlieren.
Vermeide Anforderungen, die niemand erfüllen kann, ohne sie vorher zu kennen, etwa erzwungene Sonderzeichen ohne jeden Hinweis. Wie ein Passwort-Manager das Merken und Eintippen ganz abnimmt, liest Du im Beitrag zum Einsatz eines Passwort-Managers.
Fehlertexte statt nur roter Rahmen
Schlägt die Eingabe fehl, reicht ein roter Rahmen nicht. Für blinde Nutzer ist die Farbe wertlos, für rot-grün-blinde schwer zu deuten, und sie sagt ohnehin nicht, was falsch war. Jeder Fehler braucht zusätzlich klaren Text direkt am Feld.
Gut ist eine Meldung, die konkret wird, etwa „Das Passwort braucht noch eine Zahl". Das blanke „Ungültige Eingabe" lässt den Nutzer raten, woran es lag, und beim maskierten Feld sieht er die Lösung ja nicht vor sich. Dass Farbe eine Meldung verstärken darf, sie aber nie allein tragen sollte, vertieft der Beitrag zu Farbe als Information.
Wichtig ist auch, dass die Meldung sofort hörbar wird, sobald sie erscheint, statt stumm im Layout aufzutauchen. So bemerkt der Nutzer den Fehler von selbst, ohne das Feld erneut anspringen zu müssen. Ob Dein Feld das leistet, prüfst Du mit einem absichtlich falschen Passwort, bekommst Du dann eine verständliche Ansage statt nur einer roten Umrandung, ist dieses Merkmal erfüllt.
Das richtige Verhalten beim Ausfüllen
Ein Passwortfeld sollte mit den Hilfen zusammenspielen, die der Browser und das Gerät schon mitbringen. Bei der Anmeldung darf der gespeicherte Zugang automatisch vorgeschlagen werden, bei einem neuen Konto darf das Gerät ein starkes Passwort anbieten. Wer sich nichts merken muss, vertippt sich seltener.
Damit das gelingt, muss das Feld dem Browser sauber mitteilen, wofür es da ist. Ein gutes Feld blockiert diese Vorschläge nicht und lässt den Passwort-Manager des Nutzers seine Arbeit tun. Das nimmt gerade jenen Last ab, denen das Eintippen schwerfällt.
Ein letztes Detail zählt für jeden: Wer mehrere Passwortfelder hintereinander ausfüllt, etwa für Wahl und Wiederholung, sollte jedes einzeln benannt vorfinden. „Passwort" und „Passwort wiederholen" sind zwei Aufgaben, und beide brauchen ihre eigene, sichtbare Beschriftung.
Der Zwei-Minuten-Selbsttest
Den wichtigsten Eindruck bekommst Du selbst, ganz ohne Werkzeug. Ruf die Anmeldung Deiner Seite auf und geh sie einmal bewusst durch.
- Sichtbar machen: Gibt es einen Knopf, der das Passwort kurz anzeigt, und ist er verständlich benannt?
- Regeln vorher: Stehen die Anforderungen ans Passwort sichtbar am Feld, bevor Du tippst, nicht erst in der Fehlermeldung?
- Falsch tippen: Gib absichtlich ein zu kurzes Passwort ein. Bekommst Du klaren Text, der sagt, was fehlt, oder nur einen roten Rahmen?
- Nur Tastatur: Leg die Maus weg und erreiche Feld, Umschalter und Senden-Knopf allein mit der Tab-Taste.
Schon dieser kurze Durchlauf zeigt Dir, wo Deine Anmeldung Menschen ausbremst. Was Du dabei findest, gibst Du als klare Liste an Deine Agentur weiter.
Fazit
Ein barrierefreies Passwortfeld braucht vier sichtbare Merkmale statt eines Spezial-Tools: einen benannten Umschalter zum Anzeigen, Hilfetexte vor dem Tippen, sprechende Fehlertexte statt nur Farbe und ein Feld, das mit Browser und Passwort-Manager zusammenspielt.
Nimm Dir heute Deine eigene Anmeldung vor und prüfe nur den ersten Punkt, ob sich das Passwort sichtbar machen lässt. Dieser eine Blick verrät Dir schon, ob Deine Eingabe für viele Menschen überhaupt bedienbar ist. Die allgemeinen Formular-Regeln rundherum findest Du im Beitrag zu barrierefreien Formularen.