logto icon indicating copy to clipboard operation
logto copied to clipboard

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

Open firede opened this issue 1 year ago β€’ 2 comments

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.

firede avatar Jun 25 '24 22:06 firede

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.

charIeszhao avatar Jul 05 '24 03:07 charIeszhao

This issue is stale because it has been open for 30 days with no activity. Remove stale label or comment or this will be closed in 5 days.

github-actions[bot] avatar Jul 20 '24 01:07 github-actions[bot]