LP1615707 ARIA landmarks for staff interface user/sleary/lp1615707-aria-landmarks
authorStephanie Leary <stephanie.leary@equinoxOLI.org>
Mon, 12 Dec 2022 20:27:26 +0000 (14:27 -0600)
committerStephanie Leary <stephanie.leary@equinoxoli.org>
Tue, 18 Apr 2023 17:32:38 +0000 (17:32 +0000)
commit28097e6dff4916b6d672b07c2f70c91628f175ee
tree9bfeb14af8d8f5c479c788d4548cb4ca085f36d4
parentee8ff0fd49e4849752da80461e7e8b828084fc77
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>
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