I have noticed on many login boxes lately “reveal icon eyes”, I have decided that I really like them!
I noticed above that google and .gov both have “show password” check boxes, so I reckon it is secure enough.
I see some little icon on your mock-ups viktor, but I don’t know what they are, and they are on both username and password, so I guess they are something else?
So, do I need to start a petition for this? I searched the petition forum page with “login” and didn’t see anything.
That’s a good question. In my screenshots, those are inserted by my password manager LastPass. I thought about including it, because it is good for the users. ClassicPress does have it in certain places, like resetting the password:
I’ve moved the posts about adding the “Show password” button/icon to a new petition.
This seems at first glance like it would be a minor change (i.e. not needing a petition to implement), but we already tried to backport WP’s changes here and it ended up being pretty difficult, because they also did a reworking of a lot of the admin styles including the login page and those changes are tied up together with the “Show password” button. Therefore it will be helpful to have people vote on this along with other petitions, so that we can decide how much time to spend on it.
Note that WP are also investigating reworking this to not interfere with the LastPass button, as Viktor mentioned.
Thanks. Should we wait on WordPress to figure this out? Show/hide password is a simple implementation. I can easily add our own version, so we don’t rely on WordPress for everything.
There are several options:
Google uses a checkbox with a show password label below the password field.
Backporting is generally better when feasible/possible, but [in cases like this where a backport is especially hard] it is up to whoever is doing the implementation. If that’s you, I would just suggest not spreading yourself too thin with too many changes at once.
I actually tried that version last night and didn’t really like it, so I didn’t include it. Here’s a rough mockup of what that might look like - including a slightly different version (this one might have problems in different languages though).
I was looking for more examples from various large websites, and I stumbled upon Facebook’s login. They actually figured out a way to make it work with the password manager.
They styled <div> around the input and a link as an input using the border. It’s basically #4 mockup but the border is now around both the input and the button.
I am getting used to looking around for the button on different logins.
Number 4 matches the “Reset Password” in your Oct 17th post, it looks fine.
But if you like Google’s aligned left, it’s fine, I use it all the time, I had no idea I was using an accessibility feature!, I know my memory is getting really bad!
I think I may not be very picky.
And like James said, don’t spread yourself too thin.
The existing WP design is also pretty good, I guess it would just need to have the markup changed to use a container element that has the border, and have the input element only use part of that container’s width, with no border itself.
FYI - I just had to create a new password.
CP 1.4.1 emailed me a password reset link and the log-in screen for that process had the “reveal icon eye” and it was defaulting to show me the password I was creating.