LP#1839369 Accessibility for Search Box

This adds an accessible label to the Search box on the splash
page of the staff client as well as to the Angular version of
the splash page.

Signed-off-by: Terran McCanna <tmccanna@georgialibraries.org>

diff --git a/Open-ILS/src/eg2/src/app/staff/splash.component.html b/Open-ILS/src/eg2/src/app/staff/splash.component.html
index e4decff..b9faf2f 100644 (file)
--- a/Open-ILS/src/eg2/src/app/staff/splash.component.html
+++ b/Open-ILS/src/eg2/src/app/staff/splash.component.html
@@ -71,7 +71,8 @@
                   [(ngModel)]="catSearchQuery"
                   id='catalog-search-input'
                   (keyup.enter)="searchCatalog()"
-                  i18n-placeholder placeholder="Search for...">
+                  i18n-placeholder placeholder="Search for..."
+                  i18n-aria-label aria-label="Search for...">
                 <span class="input-group-btn">
                   <button class="btn btn-outline-secondary" 
                     (click)="searchCatalog()" type="button" i18n>

diff --git a/Open-ILS/src/templates/staff/t_splash.tt2 b/Open-ILS/src/templates/staff/t_splash.tt2
index 70ae6c0..014c146 100644 (file)
--- a/Open-ILS/src/templates/staff/t_splash.tt2
+++ b/Open-ILS/src/templates/staff/t_splash.tt2
@@ -44,6 +44,7 @@
           <div class="row">
             <div class="col-md-8">
                 <input focus-me="focus_search" 
+                    aria-label="[% l('Search catalog for...') %]"
                     class="form-control" ng-model="cat_query" type="text" 
                     ng-keypress="catalog_search($event)"
                     placeholder="[% l('Search catalog for...') %]"/>