LP1989284 Input labels for Manage Authorities
authorStephanie Leary <stephanie.leary@equinoxOLI.org>
Thu, 22 Dec 2022 17:46:03 +0000 (11:46 -0600)
committerGalen Charlton <gmc@equinoxOLI.org>
Thu, 2 Mar 2023 16:51:33 +0000 (11:51 -0500)
Adds <label> tags for the search term and authority type field inputs in
Cataloging -> Manage Authorities.

To test, run axeDevTools on this screen. The two form label warnings
that previously appeared should now be gone.

LP1989284 Add ID for authority combobox

Signed-off-by: Stephanie Leary <stephanie.leary@equinoxOLI.org>
Signed-off-by: Jane Sandberg <sandbergja@gmail.com>
Signed-off-by: Galen Charlton <gmc@equinoxOLI.org>
Open-ILS/src/eg2/src/app/staff/cat/authority/browse.component.html

index 6dc79b5..3562e28 100644 (file)
@@ -9,10 +9,10 @@
   <div class="col-lg-3">
     <div class="input-group">
       <div class="input-group-prepend">
-        <span class="input-group-text" id="search-term" i18n>Search Term</span>
+        <label class="input-group-text" id="search-term" for="search-term-input" i18n>Search Term</label>
       </div>
       <input type="text" class="form-control" placeholder="Search Term" 
-        i18n-placeholder aria-describedby="search-term" 
+        i18n-placeholder id="search-term-input"
         (change)="search(null, true)"
         (keyup.enter)="search(null, true)" [(ngModel)]="browse.searchTerm">
     </div>
@@ -20,9 +20,9 @@
   <div class="col-lg-5">
     <div class="input-group">
       <div class="input-group-prepend">
-        <span class="input-group-text" id="auth-axis" i18n>Authority Type</span>
+        <label for="axisCbox" class="input-group-text" id="auth-axis" i18n>Authority Type</label>
       </div>
-      <eg-combobox #axisCbox [(ngModel)]="authorityAxis" 
+      <eg-combobox #axisCbox [(ngModel)]="authorityAxis" domId="axisCbox"
         [entries]="browse.authorityAxes" (onChange)="search(null, true)">
       </eg-combobox>
       <!--