LP#1301599 Additional TPAC facets structure markup

Labeling facets with <h4> tags provides additional page structure for
screen readers in the TPAC results pages.

Signed-off-by: Bill Erickson <berick@esilibrary.com>
Signed-off-by: Ben Shum <bshum@biblio.org>

diff --git a/Open-ILS/src/templates/opac/css/style.css.tt2 b/Open-ILS/src/templates/opac/css/style.css.tt2
index 85367aa..84d5fa5 100644 (file)
--- a/Open-ILS/src/templates/opac/css/style.css.tt2
+++ b/Open-ILS/src/templates/opac/css/style.css.tt2
@@ -1048,6 +1048,13 @@ div#facet_sidebar {
     padding-left:12px;
 }
 
+/* in this context, where h4 is primarily for structure, 
+   avoid the normal large font and margin for h4's */
+.facet_box_temp h4 {
+    font-size : 100%; 
+    margin: 0px;
+}
+
 .facet_box_temp .header a.button {
     float:right;
     padding-top:6px;

diff --git a/Open-ILS/src/templates/opac/parts/result/facets.tt2 b/Open-ILS/src/templates/opac/parts/result/facets.tt2
index c4adc08..82d2c6f 100644 (file)
--- a/Open-ILS/src/templates/opac/parts/result/facets.tt2
+++ b/Open-ILS/src/templates/opac/parts/result/facets.tt2
@@ -78,7 +78,7 @@ FOR facet IN sorted_facets;
                       [% l("More") %]
                     </a>
                 [% END %]
-            <div class="title">[% facet.cmf.label %]</div>
+            <h4 class="title">[% facet.cmf.label %]</h4>
         </div>
         <div class="box_wrapper">
             <div class="box">