search

logto-io / logto

🧑‍🚀 The better identity infrastructure for developers and the open-source alternative to Auth0.
https://logto.io
Mozilla Public License 2.0
7.86k stars 386 forks source link

feature request: Set Secondary Functional Icons to tabIndex="-1" on Login Page #6109

Open firede opened 2 weeks ago

firede commented 2 weeks ago

What problem did you meet?

Currently, the login page includes secondary functional icons such as the “cancel” icon for clearing the email input field and the “eye” icon for toggling password visibility. While these icons are essential for certain interactions, they can interrupt the flow for power users who rely on keyboard navigation for a more efficient login process.

Describe what you'd like Logto to have

To enhance the user experience, especially for those who frequently use keyboard shortcuts for quick navigation, I suggest setting these secondary functional icons to tabIndex="-1". This change will allow users to skip over these icons when using the Tab key, thus streamlining the navigation process.

charIeszhao commented 1 week ago

I think this is currently by design, as we need to allow users to also use keyboard to navigate to the "eye" icon and toggle the visibility of the password field.