LP1828468 Keyboard navigation for main navbar
authorStephanie Leary <stephanie.leary@equinoxOLI.org>
Tue, 4 Oct 2022 20:37:23 +0000 (15:37 -0500)
committerGalen Charlton <gmc@equinoxOLI.org>
Tue, 11 Oct 2022 21:33:08 +0000 (17:33 -0400)
commite8e3a30984b6057a22f9bf155b7335b73b8c651d
tree5280312bc51884b008b6b7c1e100f79e35bdb72a
parent69154c2a2cc457f92bb643fd7396d9915e203b91
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

Signed-off-by: Stephanie Leary <stephanie.leary@equinoxOLI.org>
Signed-off-by: Galen Charlton <gmc@equinoxOLI.org>
Open-ILS/src/eg2/src/app/staff/nav.component.html