LP#1301599 TPAC result table accessibility improvements
authorBill Erickson <berick@esilibrary.com>
Wed, 2 Apr 2014 20:43:49 +0000 (16:43 -0400)
committerBen Shum <bshum@biblio.org>
Thu, 26 Jun 2014 19:47:12 +0000 (15:47 -0400)
* Give the main result table a screenreader-only header to describe the
  table columns.
* Set the role=presentation in one of the sub-tables used only for
  layout.

Signed-off-by: Bill Erickson <berick@esilibrary.com>
Signed-off-by: Ben Shum <bshum@biblio.org>
Open-ILS/src/templates/opac/parts/result/table.tt2

index 483d529..55e70a2 100644 (file)
             <div id="result_block" class="result_block_visible">
                 <table id="result_table_table" title="[% l('Search Results') %]"
                   class="table_no_border_space table_no_cell_pad">
+                    <thead class="sr-only">
+                      <tr>
+                        <th>[% l('Search result number') %]</th>
+                        <th>[% l('Book jacket cover art') %]</th>
+                        <th>[% l('Item details and Actions') %]</th>
+                      </tr>
+                    </thead>
                     <tbody id="result_table">
                     [%  FOR rec IN ctx.records;
                             attrs = {marc_xml => rec.marc_xml};
@@ -146,6 +153,7 @@ END;
                                                     -%]
                                                     </div>
                                                     <table 
+                                                       role="presentation"
                                                        title="[% l('Record Holdings Summary') %]"
                                                        class="table_no_border_space table_no_cell_pad table_no_border results_info_table">
                                                         [% IF args.holdings.size > 0 %]