From: Terran McCanna <tmccanna@georgialibraries.org>
Date: Tue, 22 Oct 2019 18:34:48 +0000 (-0400)
Subject: LP#1839372 Splash page needs headers
X-Git-Url: https://old-git.evergreen-ils.org/?a=commitdiff_plain;h=aa315453d81f9c8a50378ca8b88797477ed5618d;p=Evergreen.git

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 9daf3f822a..3eca01c265 100644
--- 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 70ae6c0223..2161e7e090 100644
--- 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>