LP#1839372 Splash page needs headers
authorTerran McCanna <tmccanna@georgialibraries.org>
Tue, 22 Oct 2019 18:34:48 +0000 (14:34 -0400)
committerChris Sharp <csharp@georgialibraries.org>
Wed, 19 Aug 2020 15:08:09 +0000 (11:08 -0400)
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>
Open-ILS/src/eg2/src/app/staff/splash.component.html
Open-ILS/src/templates/staff/t_splash.tt2

index e4decff..612e906 100644 (file)
@@ -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">
     <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">
index a0a0d7d..c34b9a1 100644 (file)
@@ -10,7 +10,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>
@@ -44,7 +44,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">