TAB at login styling

ux
#1

Some of our users complained about the behavior of the TAB key when logging in.
According to their perspective, after entering username and hitting the TAB key, the cursor should jump to the password field and not to the Skip password link.

image
image546×507 18.7 KB

Our forum is frequented mainly by developers who are used to the TAB key for login. And I know that in the case of Discourse, they could hit the TAB key two times to reach the password field…

But I wonder if the present behavior follows a particular design or it’s just a side effect of some change.
Have you received any similar comments?

5 Likes
#2

I think the tab order is OK here, it’s the natural order of interactive elements in the modal… if I relied exclusively on the keyboard for navigation it could be frustrating to access that link at all if the tab order was arbitrary.

Accessibility specialists recommend avoiding changing the taborder of elements on a page unless it’s absolutely necessary. Using the tabindex attribute - TPGi

1 Like
#3

I see… Well, then the question is if login link option is in the recommended position or if it would be better to have it lower in the modal. Maybe below Password field?
Don’t get me wrong, I think login link option is interesting, it just seems to breaks a bit the almost universal use case of accessing Password field with two TABs.

1 Like
#4

I agree with the OP: When I use a password manager, the typical “API” between the password manager and the login form is (1) paste username, (2) TAB, (3) paste password, (4) ENTER.

With the intervening “Skip” link (which surprisingly appears only after I - rather, my password manager - start typing my username), this sequence is broken.

Yes, most password managers allow to change the default sequence, but this requires a manual change to an otherwise mostly universally accepted “API”. That’s a nuisave to the knowledgeable and a no-go for the novices and will results in less usage of password managers, which will ultimately reduce the overall security of using Discourse. (I am talking as a Fairphone forum user.)

From a UX perspective I see no reason why the “Skip” link must be placed into this particular position. It is a feature which is probably used rarely, when the password was forgotten. (I don’t know whether you have statistics pointing otherwise, though.)

So I would strongly advocate to keep the previous design.

Danke & Grüße von
nobi

3 Likes
#5

I agree, it was quite annoying that I had to reconfigure my password manager for every Discourse forum I use.

@awesomerobot Could we consider moving the link below the password field?

4 Likes