LP1615707 ARIA landmarks for staff interface
authorStephanie Leary <stephanie.leary@equinoxOLI.org>
Mon, 12 Dec 2022 20:27:26 +0000 (14:27 -0600)
committerJane Sandberg <sandbergja@gmail.com>
Sat, 29 Apr 2023 14:09:42 +0000 (07:09 -0700)
commitc4b1c55a9156fb9fe1eb6e0831de2f4b42ba8b24
treef983b8596670a06b3a351ea0be0dc5858ff9a549
parent55149dc9ba806e2fe82c3d335bc797d0cf4ccbca
LP1615707 ARIA landmarks for staff interface

Adds the following ARIA landmarks and roles to the Angular staff
interface:

* <main> and role="main" for the content container
* <nav> and role="navigation" for the navbar
* role="form" for the catalog search form (which lacks a <form> tag)
* role="search" for the search tab panel inside the form
* type="search" and role="searchbox" for the search term input field
* a custom region for the bib record summary box
* <aside> and role="complementary" for the facet sidebar

To construct the ARIA label for the bib record summary, I've added an ID
to the header row of the bib summary component so the screen reader can
use the localized text.

Since the staff interface doesn't really have a header section other
than the navigation, and there is no footer, I've left out these
landmarks.

Signed-off-by: Stephanie Leary <stephanie.leary@equinoxOLI.org>
Signed-off-by: Jane Sandberg <sandbergja@gmail.com>
Open-ILS/src/eg2/src/app/staff/catalog/record/record.component.html
Open-ILS/src/eg2/src/app/staff/catalog/result/results.component.html
Open-ILS/src/eg2/src/app/staff/catalog/search-form.component.html
Open-ILS/src/eg2/src/app/staff/nav.component.html
Open-ILS/src/eg2/src/app/staff/share/bib-summary/bib-summary.component.html
Open-ILS/src/eg2/src/app/staff/staff.component.html