Bug 33810: Opac advanced search fields need aria-labels

The OPAC advanced search fields need aria-labels to assist with screen reading. This patch adds labels to both the dropdown selects and the text inputs

Signed-off-by: joubu <xxx@example.org>
Signed-off-by: Emily Lamancusa <emily.lamancusa@montgomerycountymd.gov>
Signed-off-by: Tomas Cohen Arazi <tomascohen@theke.io>
(cherry picked from commit 933c779b7d)
Signed-off-by: Fridolin Somers <fridolin.somers@biblibre.com>
This commit is contained in:
Matt Blenkinsop 2023-05-23 14:49:08 +00:00 committed by Fridolin Somers
parent 9b87ae61ad
commit 62fa8773c1
1 changed files with 2 additions and 2 deletions

View File

@ -57,7 +57,7 @@
</div> <!-- .search-term-input -->
<div class="search-term-input">
<select class="form-control" name="idx" id="search-field_[% loop.index | html %]">
<select class="form-control" name="idx" aria-label="Choose search type for field [% loop.index + 1 | html %]" id="search-field_[% loop.index | html %]">
<option value="kw">Keyword</option>
[% IF ( expanded_options ) %]
<option value="kw,phr">&nbsp;&nbsp;&nbsp;&nbsp; Keyword phrase</option>
@ -112,7 +112,7 @@
</select> <!-- /#search-field_[% loop.index | html %] -->
</div> <!-- .search-term-input -->
<div class="search-term-input">
<input class="form-control" type="text" name="q" title="Enter search terms" value="" />
<input class="form-control" type="text" name="q" aria-label="Enter field [% loop.index + 1 | html %] search terms" value="" />
</div> <!-- .search-term-input -->
[% IF ( expanded_options ) %]
<div class="search-term-input">