# Tab order of login and Skip password / email me a login link

**URL:** https://meta.discourse.org/t/tab-order-of-login-and-skip-password-email-me-a-login-link/183425
**Category:** UX
**Created:** [March 16, 2021, 2:36pm UTC](https://meta.discourse.org/t/tab-order-of-login-and-skip-password-email-me-a-login-link/183425 "2021-03-16T14:36:17Z")
**Posts on this page:** 9
**Page:** 1

<div class="post-metadata">

### Author: ![leandrodimarco](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/leandrodimarco/32/206417_2.png) [@leandrodimarco](https://meta.discourse.org/u/leandrodimarco)
#### Post date: [March 16, 2021, 2:36pm UTC](https://meta.discourse.org/t/tab-order-of-login-and-skip-password-email-me-a-login-link/183425/1 "2021-03-16T14:36:17Z")

</div>

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](https://global.discourse-cdn.com/meta/original/3X/9/5/95d9d7ffa76620aecdb985188d1ded6e8dc5ce45.png)

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?

---

<div class="post-metadata">

### Author: ![awesomerobot](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/awesomerobot/32/142900_2.png) [@awesomerobot](https://meta.discourse.org/u/awesomerobot)
#### Post date: [March 17, 2021, 1:52am UTC](https://meta.discourse.org/t/tab-order-of-login-and-skip-password-email-me-a-login-link/183425/2 "2021-03-17T01:52:44Z")

</div>

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 - Vispero](https://www.tpgi.com/using-the-tabindex-attribute/)

---

<div class="post-metadata">

### Author: ![leandrodimarco](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/leandrodimarco/32/206417_2.png) [@leandrodimarco](https://meta.discourse.org/u/leandrodimarco)
#### Post date: [March 18, 2021, 11:11am UTC](https://meta.discourse.org/t/tab-order-of-login-and-skip-password-email-me-a-login-link/183425/3 "2021-03-18T11:11:15Z")

</div>

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.

---

<div class="post-metadata">

### Author: ![virtualnobi](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/virtualnobi/32/220265_2.png) [@virtualnobi](https://meta.discourse.org/u/virtualnobi)
#### Post date: [May 11, 2021, 10:22am UTC](https://meta.discourse.org/t/tab-order-of-login-and-skip-password-email-me-a-login-link/183425/4 "2021-05-11T10:22:22Z")

</div>

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

---

<div class="post-metadata">

### Author: ![gerhard](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/gerhard/32/119479_2.png) [@gerhard](https://meta.discourse.org/u/gerhard)
#### Post date: [May 11, 2021, 7:26pm UTC](https://meta.discourse.org/t/tab-order-of-login-and-skip-password-email-me-a-login-link/183425/5 "2021-05-11T19:26:52Z")

</div>

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?

---

<div class="post-metadata">

### Author: ![sam](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/sam/32/102149_2.png) [@sam](https://meta.discourse.org/u/sam)
#### Post date: [September 28, 2021, 6:48am UTC](https://meta.discourse.org/t/tab-order-of-login-and-skip-password-email-me-a-login-link/183425/6 "2021-09-28T06:48:35Z")

</div>

@awesomerobot what do you think we should do here?

 ![image](https://global.discourse-cdn.com/meta/original/3X/6/a/6aa72ad5d1413922fa211fddd78b2a6419c1d2a5.png)

1. We can move that “skip password” hint somewhere else?
2. We can fiddle with tab orders and have “skip the password” only tab after password
3. We can move to a “google” like multi phase login, where the first screen only has the username, next screen has the password and the button
4. We can do nothing.

I agree it is somewhat surprising now for people that have established muscle memory.

---

<div class="post-metadata">

### Author: ![awesomerobot](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/awesomerobot/32/142900_2.png) [@awesomerobot](https://meta.discourse.org/u/awesomerobot)
#### Post date: [September 29, 2021, 9:14pm UTC](https://meta.discourse.org/t/tab-order-of-login-and-skip-password-email-me-a-login-link/183425/7 "2021-09-29T21:14:24Z")

</div>

I think we’ve got it in the right place at the right time for most people, but I guess considering most people aren’t using password managers and keyboard nav we can take it out of the tab order to circumvent this specific complaint?

---

<div class="post-metadata">

### Author: ![sam](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/sam/32/102149_2.png) [@sam](https://meta.discourse.org/u/sam)
#### Post date: [September 29, 2021, 9:29pm UTC](https://meta.discourse.org/t/tab-order-of-login-and-skip-password-email-me-a-login-link/183425/9 "2021-09-29T21:29:26Z")

</div>

I would say fiddle vs remove, tab order can be

Username  
Password  
Login  
Skip password  
Forgot password  
Create new account

---

<div class="post-metadata">

### Author: ![awesomerobot](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/awesomerobot/32/142900_2.png) [@awesomerobot](https://meta.discourse.org/u/awesomerobot)
#### Post date: [October 27, 2021, 4:39pm UTC](https://meta.discourse.org/t/tab-order-of-login-and-skip-password-email-me-a-login-link/183425/11 "2021-10-27T16:39:08Z")

</div>

> [@sam](#):
>
> Username  
> Password  
> Login  
> Skip password  
> Forgot password  
> Create new account

This new tab ordering for the log in modal is now live on Meta, and will be available the next time you update Discourse
