Bug 41198 - Add visible “Sort results by” label above the sort dropdown for accessibility and clarity
Summary: Add visible “Sort results by” label above the sort dropdown for accessibility...
Status: Needs documenting
Alias: None
Product: Koha
Classification: Unclassified
Component: Accessibility (show other bugs)
Version: Main
Hardware: All All
: P5 - low trivial
Assignee: Laura Escamilla
QA Contact: Baptiste Wojtkowski (bwoj)
URL:
Keywords: accessibility
Depends on:
Blocks:
 
Reported: 2025-11-05 21:15 UTC by Laura Escamilla
Modified: 2025-12-04 14:20 UTC (History)
5 users (show)

See Also:
GIT URL:
Initiative type: ---
Sponsorship status: ---
Comma delimited list of Sponsors:
Crowdfunding goal: 0
Patch complexity: ---
Documentation contact:
Documentation submission:
Text to go in the release notes:
Adds a visible “Sort results by” label above the sort dropdown in OPAC search results to improve accessibility and clarity.
Version(s) released in:
25.11.00,25.05.06
Circulation function:


Attachments
Bug 41198: Add visible "Sort results by" label above sort dropdown in OPAC search results (1.87 KB, patch)
2025-11-05 21:20 UTC, Laura Escamilla
Details | Diff | Splinter Review
Bug 41198: Add visible "Sort results by" label above sort dropdown in OPAC search results (1.92 KB, patch)
2025-11-08 01:04 UTC, David Nind
Details | Diff | Splinter Review
Bug 41198: Add visible "Sort results by" label above sort dropdown in OPAC search results (1.99 KB, patch)
2025-11-28 13:35 UTC, Baptiste Wojtkowski (bwoj)
Details | Diff | Splinter Review

Note You need to log in before you can comment on or make changes to this bug.
Description Laura Escamilla 2025-11-05 21:15:56 UTC
Currently, the OPAC search results toolbar only includes a visually hidden (“sr-only”) label for the sort dropdown. This means screen readers can announce it, but sighted users have no visible context for what the dropdown does — especially when positioned beside pagination controls.

Adding a visible label such as “Sort results by:” above or alongside the dropdown improves usability and accessibility for all users.
Comment 1 Laura Escamilla 2025-11-05 21:20:35 UTC
Created attachment 189139 [details] [review]
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.
Comment 2 David Nind 2025-11-08 01:04:10 UTC
Created attachment 189381 [details] [review]
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>
Comment 3 Baptiste Wojtkowski (bwoj) 2025-11-28 13:35:34 UTC
Created attachment 190025 [details] [review]
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>
Comment 4 Lucas Gass (lukeg) 2025-12-01 15:36:17 UTC
Nice work everyone!

Pushed to main for 25.11
Comment 5 Paul Derscheid 2025-12-03 16:03:14 UTC
Nice work everyone!

Pushed to 25.05.x
Comment 6 Fridolin Somers 2025-12-04 14:20:58 UTC
Not backported to 24.11.11 for UI stability