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>
77 lines
2.4 KiB
Text
77 lines
2.4 KiB
Text
[% INCLUDE 'doc-head-open.inc' %]
|
|
<title>Your search IDREF for ppn [% unimarc3 | html %] › [% IF ( LibraryNameTitle ) %][% LibraryNameTitle | html %][% ELSE %]Koha online[% END %] catalog</title>
|
|
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
|
[% INCLUDE 'doc-head-close.inc' %]
|
|
[% BLOCK cssinclude %]
|
|
<style>
|
|
ul.ui-tabs-nav li a, ul.ui-tabs-nav li span.a { padding:0.6em 1em; }
|
|
#idref h2.role {
|
|
background-color: #DDDEEE;
|
|
cursor: pointer;
|
|
}
|
|
#idref table {
|
|
margin: 0;
|
|
}
|
|
</style>
|
|
[% END %]
|
|
|
|
</head>
|
|
[% INCLUDE 'bodytag.inc' bodyid='idref' bodyclass='scrollto' %]
|
|
<div class="main">
|
|
[% IF error %]
|
|
This ppn is not found on the idref service.
|
|
[% ELSE %]
|
|
[% FOREACH role IN content %]
|
|
<div>
|
|
<h1 class="role" title="Click to expand this role">[% role.role_name | html %] ([% role.count | html %])</h1>
|
|
<div class="docs">
|
|
<table>
|
|
<caption class="sr-only">[% role.role_name | html %]</caption>
|
|
<thead>
|
|
<tr>
|
|
<th>Citation</th>
|
|
<th>Koha</th>
|
|
<th>Sudoc</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
[% FOREACH doc IN role.docs %]
|
|
<tr>
|
|
<td>[% doc.citation | html %]</td>
|
|
<td><a href="/cgi-bin/koha/opac-search.pl?q=ident:[% doc.ppn | uri %]" target="_blank">Koha</a></td>
|
|
<td><a href="http://www.sudoc.fr/[% doc.ppn | uri %]" target="_blank" rel="noreferrer">Sudoc</a></td>
|
|
</tr>
|
|
[% END %]
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
[% END %]
|
|
[% END %]
|
|
</div>
|
|
[% BLOCK jsinclude %]
|
|
[% INCLUDE 'datatables.inc' %]
|
|
<script>
|
|
$(document).ready(function (){
|
|
$("table").dataTable($.extend(true, {}, dataTablesDefaults, {
|
|
'filter': false,
|
|
'columnDefs': [
|
|
{ 'targets': [-1, -2], 'sortable': false }
|
|
],
|
|
}));
|
|
|
|
$(".role").click(function(){
|
|
var docs_node = $(this).parent().find("div.docs");
|
|
if ( $(docs_node).is(":visible") ) {
|
|
$(".docs").hide();
|
|
} else {
|
|
$(".docs").hide();
|
|
docs_node.show();
|
|
}
|
|
});
|
|
$(".docs").hide();
|
|
});
|
|
</script>
|
|
[% END %]
|
|
|
|
[% INCLUDE 'opac-bottom.inc' is_popup=1%]
|