Bug 40439 - We cannot use the arrow keys to navigate through all the items in the navigation menus
Summary: We cannot use the arrow keys to navigate through all the items in the navigat...
Status: Signed Off
Alias: None
Product: Koha
Classification: Unclassified
Component: Accessibility (show other bugs)
Version: unspecified
Hardware: All All
: P5 - low enhancement
Assignee: Nina Martinez
QA Contact: Testopia
URL:
Keywords:
Depends on:
Blocks: 23003
  Show dependency treegraph
 
Reported: 2025-07-17 13:45 UTC by Nina Martinez
Modified: 2025-07-31 15:21 UTC (History)
4 users (show)

See Also:
GIT URL:
Change sponsored?: ---
Patch complexity: Trivial patch
Documentation contact:
Documentation submission:
Text to go in the release notes:
Version(s) released in:
Circulation function:


Attachments
Bug 40439: Enable the navigation using arrow keys (6.69 KB, patch)
2025-07-18 14:28 UTC, Nina Martinez
Details | Diff | Splinter Review
Bug 40439: Enable the navigation using arrow keys (6.74 KB, patch)
2025-07-31 15:21 UTC, Eric Garcia
Details | Diff | Splinter Review

Note You need to log in before you can comment on or make changes to this bug.
Description Nina Martinez 2025-07-17 13:45:07 UTC
We cannot use the arrow keys to navigate through all items in the navigation menus.

Specifically, the arrow keys do not work for navigating the user menu “Welcome, ” in the navigation bar.
While all other dropdown menus are navigable using the arrow keys like List and Languages (in the Languages menu, navigation is possible only with the arrow keys), this one is not. We can navigate it only with the Tab key, which can be confusing for users.

Keyboard navigation is one of the most important accessibility features. We could improve this to enable navigation in this menu using the arrow keys like the other menus. 

To test this issue: 

1- Log in to an account 
2- Navigate with the tab key through the navigation bar, test to navigate in the different menus (List, Languages) with the arrows keys. 
3- Go to ‘Welcome, ’ press Enter, and try to navigate through the options with the arrow keys. 

https://webaim.org/techniques/keyboard/
Comment 1 Nina Martinez 2025-07-18 14:28:06 UTC
Created attachment 184388 [details] [review]
Bug 40439: Enable the navigation using arrow keys

Test plan:

1- Apply the patch
2- Log in to an account
3- Navigate with the tap key through the navigation bar, go to 'Welcome,'  press Enter, and navigate through the options with the arrow keys.
Comment 2 Eric Garcia 2025-07-31 15:21:09 UTC
Created attachment 184933 [details] [review]
Bug 40439: Enable the navigation using arrow keys

Test plan:

1- Apply the patch
2- Log in to an account
3- Navigate with the tap key through the navigation bar, go to 'Welcome,'  press Enter, and navigate through the options with the arrow keys.

Signed-off-by: Eric Garcia <cubingguy714@gmail.com>