Bug 41198: Add visible "Sort results by" label above sort dropdown in OPAC search results

This patch adds a visible "Sort results by:" label above the sort dropdown
on the OPAC search results toolbar. Previously, only a screen-reader-only
label was present, providing no visible context for sighted users.

This improves accessibility (WCAG 2.1 compliance) and usability by making
the function of the dropdown clear.

To test:
1. Perform a search in the OPAC.
2. Confirm that the "Sort results by:" text appears above the sort dropdown.
3. Verify that the dropdown still functions correctly and the layout remains
consistent across screen sizes.

Signed-off-by: David Nind <david@davidnind.com>
Signed-off-by: Baptiste Wojtkowski <baptiste.wojtkowski@biblibre.com>
Signed-off-by: Lucas Gass <lucas@bywatersolutions.com>
(cherry picked from commit 2ea04163a3)
Signed-off-by: Paul Derscheid <paul.derscheid@lmscloud.de>
This commit is contained in:
Laura_Escamilla 2025-11-05 21:18:06 +00:00 committed by Paul Derscheid
parent fbee8b9f0e
commit add5c5e322
No known key found for this signature in database
GPG Key ID: C25F9FD44CED595B
1 changed files with 1 additions and 0 deletions

View File

@ -198,6 +198,7 @@
<div id="top-pages" class="col"> [% INCLUDE 'page-numbers.inc' %] </div>
[% UNLESS tag %]
<div class="sort_by col-sm-auto">
<label for="sort_by">Sort results by:</label>
<label for="sort_by" class="sr-only">Sort by:</label>
<select id="sort_by" class="resort form-select form-select-sm" name="sort_by">
[% INCLUDE 'resort_form.inc' %]