Wainui Witika-Park
d3ab8dbeec
Ensured that in the OPAC, all tables have relevant captions and all forms have relevant legends.
Many of these have class="sr-only" so they are not visible but will be
available for people who use screen-readers.
To test:
1) Go to OPAC
2) Apply patch and dependencies
3) Check that on all pages, any tables have a caption (many of them will
not be visible, but will be in the markup code)
4) Check that on all pages, any forms have a legend (many of them will
not be visible, but will be in the markup code)
5) Check that the captions are appropriate and relevant
6) Check that the legends are appropriate and relevant
Sponsored-by: Catalyst IT
Signed-off-by: Lucas Gass <lucas@bywatersolutions.com>
Signed-off-by: Tomas Cohen Arazi <tomascohen@theke.io>
Signed-off-by: Jonathan Druart <jonathan.druart@bugs.koha-community.org>
89 lines
4.9 KiB
Text
89 lines
4.9 KiB
Text
[% USE Koha %]
|
|
[% INCLUDE 'doc-head-open.inc' %]
|
|
<title>Browse our catalog › [% IF ( LibraryNameTitle ) %][% LibraryNameTitle | html %][% ELSE %]Koha online[% END %] catalog</title>
|
|
[% INCLUDE 'doc-head-close.inc' %]
|
|
[% BLOCK cssinclude %][% END %]
|
|
</head>
|
|
[% INCLUDE 'bodytag.inc' bodyid='opac-browser' %]
|
|
[% INCLUDE 'masthead.inc' %]
|
|
|
|
<div class="main">
|
|
<nav aria-label="breadcrumb">
|
|
<ul class="breadcrumb">
|
|
<li class="breadcrumb-item">
|
|
<a href="/cgi-bin/koha/opac-main.pl">Home</a>
|
|
</li>
|
|
<li class="breadcrumb-item active" aria-current="page">
|
|
<a href="#">Browse our catalog</a>
|
|
</li>
|
|
</ul>
|
|
</nav>
|
|
|
|
<div class="container-fluid">
|
|
<div class="row">
|
|
[% IF ( OpacNav || OpacNavBottom ) %]
|
|
<div class="col-lg-2">
|
|
<div id="navigation">
|
|
[% INCLUDE 'navigation.inc' %]
|
|
</div>
|
|
</div>
|
|
<div class="col-10 order-first order-md-first order-lg-2">
|
|
[% ELSE %]
|
|
<div class="col order-first order-md-first order-lg-2">
|
|
[% END %]
|
|
|
|
<div id="userbrowser" class="maincontent">
|
|
<h1>Browse our catalog</h1>
|
|
|
|
[% IF ( have_hierarchy ) %]
|
|
<ul>
|
|
<li>
|
|
[% description | html %] <a href="opac-browser.pl">Top level</a>
|
|
</li>
|
|
<li style="list-style-type: none;">
|
|
<ul>
|
|
[% FOREACH HIERARCHY_LOO IN HIERARCHY_LOOP %]
|
|
<li>
|
|
<a href="opac-browser.pl?level=[% HIERARCHY_LOO.level | uri %]&filter=[% HIERARCHY_LOO.classification |uri %]">[% HIERARCHY_LOO.description | html %]</a>
|
|
</li>
|
|
<li style="list-style-type: none;">
|
|
[% END %]
|
|
<li style="list-style-type: none;">
|
|
<table class="table table-bordered table-striped">
|
|
<caption class="sr-only">Items in catalog</caption>
|
|
<tr>
|
|
[% FOREACH LEVEL_LOO IN LEVEL_LOOP %]
|
|
<td>
|
|
<p>
|
|
[% IF ( LEVEL_LOO.endnode ) %]
|
|
<a href="opac-search.pl?q=Dewey-classification:[% LEVEL_LOO.classification |uri %]">[% LEVEL_LOO.description | html %]</a>
|
|
[% ELSE %]
|
|
<a href="opac-browser.pl?level=[% LEVEL_LOO.level | uri %]&filter=[% LEVEL_LOO.classification |uri %]">[% LEVEL_LOO.description | html %]</a>
|
|
[% END %]
|
|
</p>
|
|
<p style="font-size:0.75em"><em>([% LEVEL_LOO.number | html %] biblios)</em></p>
|
|
</td>
|
|
[% IF ( LEVEL_LOO.count3 ) %]</tr><tr>[% END %]
|
|
[% END %]
|
|
</tr>
|
|
</table>
|
|
</li>
|
|
[% FOREACH HIERARCHY_LOO IN HIERARCHY_LOOP %]
|
|
</ul></li>
|
|
[% END %]
|
|
</ul>
|
|
</li>
|
|
</ul>
|
|
[% ELSE %]
|
|
<div class="warning">The browser table is empty. this feature is not fully set-up. See the <a href="http://wiki.koha-community.org/wiki/Opac_browse_feature">Koha Wiki</a> for more information on what it does and how to configure it.</div>
|
|
[% END # / IF have_hierarchy %]
|
|
|
|
</div> <!-- / .userbrowser -->
|
|
|
|
</div> <!-- / .col-10/12 -->
|
|
</div> <!-- / .row -->
|
|
</div> <!-- / .container-fluid -->
|
|
</div> <!-- / .main -->
|
|
|
|
[% INCLUDE 'opac-bottom.inc' %]
|
|
[% BLOCK jsinclude %][% END %]
|