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>
103 lines
5.3 KiB
Text
103 lines
5.3 KiB
Text
[% USE Koha %]
|
|
[% INCLUDE 'doc-head-open.inc' %]
|
|
<title>Report a problem › [% IF ( LibraryNameTitle ) %][% LibraryNameTitle | html %][% ELSE %]Koha online[% END %] catalog</title>
|
|
[% INCLUDE 'doc-head-close.inc' %]
|
|
[% BLOCK cssinclude %][% END %]
|
|
</head>
|
|
[% INCLUDE 'bodytag.inc' bodyid='opac-reportproblem' bodyclass='scrollto' %]
|
|
[% 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="#">Report a problem</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 %]
|
|
<h1>Report a problem</h1>
|
|
|
|
[% IF messages %]
|
|
[% FOR m IN messages %]
|
|
<div class="alert alert-[% m.type | html %]">
|
|
[% SWITCH m.code %]
|
|
[% CASE 'success_on_send' %]
|
|
[% IF recipient == 'admin' %]
|
|
Your problem report has been sent to the Koha administrator.
|
|
[% ELSE %]
|
|
Your problem report has been sent to the library.
|
|
[% END %]
|
|
[% CASE 'error_on_send' #We really should avoid reaching this! %]
|
|
Something wrong happened when sending the report. Please contact your library.
|
|
[% END %]
|
|
</div>
|
|
[% END %]
|
|
[% ELSE %]
|
|
|
|
<div id="reportproblem" class="maincontent toptabs">
|
|
<form name="reportlibform" action="/cgi-bin/koha/opac-reportproblem.pl" method="post">
|
|
<legend class="sr-only">Report a problem</legend>
|
|
<input type="hidden" name="op" value="addreport" />
|
|
<fieldset class="rows">
|
|
<ol>
|
|
<li>
|
|
<label for="recipient">Send problem report to: </label>
|
|
[% IF library.inbound_email_address && library.inbound_email_address != Koha.Preference('KohaAdminEmailAddress') %]
|
|
<select name="recipient" id="recipient">
|
|
<option value="library">A librarian</option>
|
|
<option value="admin">Koha administrator</option>
|
|
</select>
|
|
[% ELSE %]
|
|
<span>Koha administrator</span>
|
|
[% END %]
|
|
</li>
|
|
<li>
|
|
<label for="problempage">Problem found on page: </label>
|
|
<input type="hidden" name="problempage" id="problempage" value="[% problempage | url %]" />
|
|
[% problempage | html %]<br/>
|
|
</li>
|
|
<li>
|
|
<label for="user">Username: </label>
|
|
<input type="hidden" name="user" id="user" value="[% username | html %]" />
|
|
[% username | html %]
|
|
<li>
|
|
<label for="subject">Subject: </label>
|
|
<input type="text" name="subject" id="subject" value="[% subject | html %]" />
|
|
</li>
|
|
<li>
|
|
<label for="message">Message: </label>
|
|
<textarea name="message" id="message" rows="7" cols="60"></textarea>
|
|
</li>
|
|
</ol>
|
|
</fieldset>
|
|
<fieldset class="action">
|
|
<input type="submit" value="Submit" class="btn btn-primary">
|
|
</fieldset>
|
|
</form>
|
|
</div> <!-- / #reportproblem -->
|
|
|
|
[% END # /IF messages %]
|
|
|
|
</div> <!-- / .col-10/12 -->
|
|
</div> <!-- / .row -->
|
|
</div> <!-- / .container-fluid -->
|
|
</div> <!-- / .main -->
|
|
|
|
[% INCLUDE 'opac-bottom.inc' %]
|
|
[% BLOCK jsinclude %][% END %]
|