LP1828468 Keyboard navigation for main navbar
authorStephanie Leary <stephanie.leary@equinoxOLI.org>
Tue, 4 Oct 2022 20:37:23 +0000 (15:37 -0500)
committerStephanie Leary <stephanie.leary@equinoxOLI.org>
Tue, 4 Oct 2022 20:37:23 +0000 (15:37 -0500)
commit7096bb91ca10d5dba4f2e8a291585e59937861fe
tree84396cdce311ea833a5eaa2a02783a157a37d52c
parent3149bb69cb3936ab69807c88ffee2180105f10ad
LP1828468 Keyboard navigation for main navbar

In the main navbar, all items except the home icon are unreachable using
only a keyboard. This includes the logout/change operator menu on the
far right.

This is caused by the lack of an href attribute on the <a> tags, which
prevents the link from having a focus state.

This patch adds tabindex="0" to the parent menu items and the submenu
items that use (click) or routerLink. Submenu items are also given the
ngbDropdownItem directive, which allows up/down arrow navigation within
submenus.

The patch does not include CSS to make the focus state prettier; a
separate patch for style is forthcoming.

Related: Bug #1814978
Open-ILS/src/eg2/src/app/staff/nav.component.html