The Serials, Mark For, and Other Actions dropdowns in the staff catalog can't be navigated by keyboard
Affects | Status | Importance | Assigned to | Milestone | |
---|---|---|---|---|---|
Evergreen |
Fix Released
|
Low
|
Unassigned |
Bug Description
Steps to reproduce:
1) In the web staff client, open a bib record.
2) Use the tab key to give focus to the Serials, Mark For, or Other Actions dropdown
3) Press the enter key to open up the dropdown.
4) Try to navigate the dropdown with tab, the arrow keys, or any other keys you can think of. Unfortunately, they do not work.
This is because entries in that dropdown menu are <a> tags with no href attributes, which are not included in the tabindex. I think there are a few different ways we can address this:
1) Add a tabindex="0" attribute to the entries in the dropdown, which would make it navigable by tab.
2) Add a href="#" attribute to the entries in the dropdown, which would make them navigable by tab. This is what the official uib-dropdown examples do.
3) Changing the <a> tags to <button> tags, which would make them navigable by tab
4) Add a keyboard-nav attribute to the div.btn-group (see https:/
tags: | removed: webstaffclient |
Changed in evergreen: | |
status: | Fix Committed → Fix Released |
Confirmed in webclient 3.1.10 using steps above. Can tab through the main menu fine, but when getting to a dropdown menu, cannot navigate any further via keyboard.