Ich möchte die Zugänglichkeit einer Website für sehr junge Kinder verbessern. Da ihre Tastaturfertigkeiten ziemlich schlecht sind, bekommen wir viele Beschwerden, dass das Eingeben von Passwörtern, ohne die Charaktere sehen zu können, für sie zu schwierig ist.
Ich möchte nicht, dass ein Passwort vollständig demaskiert wird, aber ich dachte daran, vielleicht den Handy-Stil zu verwenden, wo das aktuelle Zeichen nur für ein paar Sekunden angezeigt wird, bevor es maskiert wird.
Weiß jemand von Javascript-Lösungen zu diesem kann ich einen Blick auf, oder sogar was gerade wie diese Technik aufgerufen wird, damit ich es effektiver google?
Ich habe einen grundlegenden Proof of Concept implementiert, der onChange-Ereignisse verwendet, um ein einfaches Textfeld zu aktualisieren, während das Passwort selbst in einem versteckten Feld gespeichert ist, aber ich bin mir nicht sicher, ob dies der beste Ansatz ist.
Der Grund, warum ich kein klares Textfeld verwenden möchte, ist, dass das System in Schulen verwendet wird, auch von Lehrern. Wenn einer der älteren Schüler zum Beispiel ein Lehreradministratorpasswort bekommen konnte, dann verursachen sie möglicherweise eine Menge Havok.
Ein umschaltbares Klartext- / Passwort-Feld ist eine interessante Idee und könnte sich als einfacher erweisen als die verzögerte Maskierungsmethode.
Wenn ein Kind (oder ein Erwachsener) zu schlecht tippen kann, um ein Passwort-Feld verwenden zu können, glauben Sie wirklich, dass es wirklich hilft, den Buchstaben zu zeigen, den sie ein paar Sekunden lang eingegeben haben? Würde sich eine arme Schreibkraft nicht auf ihre Tastatur konzentrieren, nicht auf den Bildschirm?
Die einfachste Lösung ist wahrscheinlich, etwas wie das Netzwerkpasswortfeld in Vista zu tun: Aktivieren Sie ein Kontrollkästchen, das zwischen einem normalen Eingabefeld und einem Passwortfeld hin- und herschaltet (und einen sinnvollen Standard wählt) oder wenn die Anmeldung sowieso nicht sensibel ist Verwenden Sie einfach ein einfaches Eingabefeld.
Ich würde wahrscheinlich das Gegenteil von dem machen, was ich jetzt (mit Erwachsenen) verwende, und es zu einer Gelegenheit für eine Lektion für die Kinder machen.
Dies ist, um das Feld zu einem normalen Eingabefeld zu machen, dann fügen Sie einen Link darunter ein, der sagt " HIDE ".
Wenn Sie auf den Link < HIDE klicken, wird er zu SHOW und den Inhalt von Das Passwortfeld markiert. Wenn Sie " SHOW " drücken, wird das Gegenteil der Fall sein.
Ich würde mir auf einer Kinderseite vorstellen, dass Sie Symbole für etwas wie " Was ist das ?" Wenn dies der Fall ist, würde der HIDE / SHOW-Schalter eine Gelegenheit bieten, zu beschreiben, warum man sein Passwort verstecken sollte.
BEISPIEL (Querschnitt. Beachten Sie, dass XDOM ein Objekt ist, das DOM-Funktionen in Browsern normalisiert.)
%Vor%Ich denke, Sie sollten ein echtes Passwort-Feld mit einer Art von Display haben: none; anstelle eines versteckten Feldes; und ein Onchange-Event für dieses Feld, das nur einmal ausgeführt wird und eine Maske in Ihr Proof-of-Concept-Textfeld einfügt, damit das eingebaute Passwort des Browsers funktionieren kann. Wie andere vorgeschlagen haben, würde ein Umschaltfeld "show password" auch nicht schaden. Das Problem besteht darin, dass die automatische Füllung gespeicherter Formulardaten nach dem load -Ereignis des Fensters auch nach dem dom-ready-Ereignis (von jQuery verwendet) erfolgt. Daher ist es notwendig, die Änderung des Feldes für das verborgene Passwort vorzunehmen.
Tags und Links javascript security passwords accessibility login