LP#1839372 Splash page needs headers

This resolves accessibility problems by changing the section
divs on the splash page of the staff client to h1s. It does
not change anything visually.

Signed-off-by: Terran McCanna <tmccanna@georgialibraries.org>
Signed-off-by: Chris Sharp <csharp@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..612e906 100644 (file)
--- a/Open-ILS/src/eg2/src/app/staff/splash.component.html
+++ b/Open-ILS/src/eg2/src/app/staff/splash.component.html
@@ -16,6 +16,8 @@
     }
 </style>
 
+<h1 class="sr-only" i18n>Evergreen Staff Client Home Page</h1>
+
 <eg-title i18n-prefix prefix="Evergreen Staff Client"></eg-title>
 
 <div class="container">
@@ -31,7 +33,7 @@
     <div class="col-lg-4">
       <div class="card">
         <div class="card-header">
-          <div class="panel-title text-center" i18n>Circulation and Patrons</div>
+          <h2 class="panel-title text-center" i18n>Circulation and Patrons</h2>
         </div>
         <div class="card-body">
           <div class="list-group">
@@ -61,7 +63,7 @@
     <div class="col-lg-4">
       <div class="card">
         <div class="card-header">
-          <div class="panel-title text-center" i18n>Item Search and Cataloging</div>
+          <h2 class="panel-title text-center" i18n>Item Search and Cataloging</h2>
         </div>
         <div class="card-body">
           <div class="list-group">
@@ -109,7 +111,7 @@
     <div class="col-lg-4">
       <div class="card">
         <div class="card-header">
-          <div class="panel-title text-center" i18n>Administration</div>
+          <h2 class="panel-title text-center" i18n>Administration</h2>
         </div>
         <div class="card-body">
           <div class="list-group">

diff --git a/Open-ILS/src/templates/staff/t_splash.tt2 b/Open-ILS/src/templates/staff/t_splash.tt2
index 70ae6c0..2161e7e 100644 (file)
--- a/Open-ILS/src/templates/staff/t_splash.tt2
+++ b/Open-ILS/src/templates/staff/t_splash.tt2
@@ -2,6 +2,7 @@
   <div class="row">
     <div class="col-md-12 text-center">
       <img src="[% ctx.media_prefix %]/images/portal/logo.png" alt="Evergreen" />
+      <h1 class="sr-only" i18n>Evergreen Staff Client Home Page</h1>
     </div>
   </div>
   <br/>
@@ -10,7 +11,7 @@
     <div class="col-md-4">
       <div class="panel panel-success">
         <div class="panel-heading">
-          <div class="panel-title text-center">[% l('Circulation and Patrons') %]</div>
+          <h2 class="panel-title text-center">[% l('Circulation and Patrons') %]</h2>
         </div>
         <div class="panel-body">
           <div>
@@ -38,7 +39,7 @@
     <div class="col-md-4">
       <div class="panel panel-success">
         <div class="panel-heading">
-          <div class="panel-title text-center">[% l('Item Search and Cataloging') %]</div>
+          <h2 class="panel-title text-center">[% l('Item Search and Cataloging') %]</h2>
         </div>
         <div class="panel-body">
           <div class="row">
@@ -73,7 +74,7 @@
     <div class="col-md-4">
       <div class="panel panel-success">
         <div class="panel-heading">
-          <div class="panel-title text-center">[% l('Administration') %]</div>
+          <h2 class="panel-title text-center">[% l('Administration') %]</h2>
         </div>
         <div class="panel-body">
           <div>