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.

Sign up for GitHub

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

Jump to bottom

accessibility issues - Tab and '/' key navigation #5195

Open
soda92 opened this issue Nov 4, 2024 · 2 comments
Open

accessibility issues - Tab and '/' key navigation #5195

soda92 opened this issue Nov 4, 2024 · 2 comments
Labels
bug

Comments

@soda92
Copy link

soda92 commented Nov 4, 2024

Cannot use tab to jump to search result

Steps to Reproduce

  1. resize browser window to a smaller width
  2. Search for a gem
  3. Press Tab
  4. site jump to search panel

Expected Behavior

Display as normal

Current Behavior

Sidebar activated cause display issue

rubygems-web-issue.webm

Environment

Browser and its version: Chrome latest
@soda92 soda92 added the bug label Nov 4, 2024
@soda92
Copy link
Author

soda92 commented Nov 5, 2024 •
edited
Loading

Also, many site has implemented "use / to jump to search box", such as Google and PyPI. We can also add it to improve accessibility.

pypi implementation

@soda92
Copy link
Author

soda92 commented Nov 5, 2024

https://github.com/pypi/warehouse/blob/80c5fadf54a503ce6fe4751b23c1090329c6b6d2/warehouse/static/js/warehouse/controllers/search_focus_controller.js#L15-L30

@soda92 soda92 changed the title accessibility issues accessibility issues - Tab and '/' key navigation Nov 6, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
bug
Projects
None yet
Milestone
No milestone
Development

No branches or pull requests
1 participant
@soda92