Webclient accessibility: Marc Editor context menus aren't navigable using a keyboard

[Jane Sandberg]

Steps to recreate in current master in Windows or Linux (I'm not sure of the Mac keyboard shortcuts)

1) Search the catalog and open a bib record.
2) Go to the Marc Edit tab.
3) Use the tab key to set focus to a fixed field that has a context menu, such as Type.
4) Press Shift+F10 to open up the context menu.
5) Notice that the context menu displays! Great!
6) Try to use the arrow keys, Tab, and Shift+Tab to select an item from the context menu. Notice that you cannot.
7) Use the tab key to set focus on the tag of a variable-length field, like 245.
8) Repeat steps 4-6.

This is because the menu items are <a> tags without "href" attributes, which are not keyboard focusable. Adding a href attribute or changing them to <buttons> would make them focusable. Buttons would probably be more semantically correct, since they are an action that takes place on the current page.

[Meg Stroup (mstroup)]

Can confirm consortial interest in improving accessibility re: this particular issue.

I may be mistaken, but I don't think that parallel keyboard shortcuts (for this particular issue) for Mac.

[Stephanie Leary (stephanieleary)]

Noting that this has been partially fixed. The menu items are now <button>s and can be reached using the Tab key. Arrow keys don't work. Adding the nbgDropdown and ngbDropdownItem directives, which have solved this issue in other context menus, did not work well here because the screen continued to scroll. We will need to revise this as part of the MARC Editor rewrite coming up (bug 2006969).