Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Modify the Tab key behavior so that pressing Tab in the email field moves focus to the password field on the Login Page #348

Open
3 tasks
shige opened this issue Feb 3, 2025 · 0 comments
Labels
good first issue Good for newcomers help wanted Extra attention is needed

Comments

@shige
Copy link
Member

shige commented Feb 3, 2025

Task description

Modify the tab key behavior on the Login Page such that when the email input field has focus, pressing the Tab key should shift the focus to the password input field.

https://studio.giselles.ai/login

Image

Background

Currently, when the email input field on the login page has focus, pressing the Tab key moves focus to the "Forgot your password?" link instead of the password input field. This behavior is not ideal for user experience as it deviates from the expected flow of tabbing through input fields. The intended behavior should be for the user to be able to navigate sequentially through the input fields using the Tab key.

TODO (Optional)

  • Identify the current tab order on the login page.
  • Adjust the tab order so that the password input field is the next element in focus after the email input field.
  • Test the new tab order using the tab key to ensure that it works as expected.

Additional notes (Optional)

This change will improve the accessibility and user experience of the login form by making it easier for users to navigate between fields using the keyboard.

@shige shige added good first issue Good for newcomers help wanted Extra attention is needed labels Feb 3, 2025
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
good first issue Good for newcomers help wanted Extra attention is needed
Projects
None yet
Development

No branches or pull requests

1 participant