Bug 41198

Summary: Add visible “Sort results by” label above the sort dropdown for accessibility and clarity
Product: Koha Reporter: Laura Escamilla <Laura.escamilla>
Component: AccessibilityAssignee: Laura Escamilla <Laura.escamilla>
Status: Signed Off --- QA Contact: Testopia <testopia>
Severity: trivial    
Priority: P5 - low CC: martin.renvoize, matt.blenkinsop, oleonard
Version: MainKeywords: accessibility
Hardware: All   
OS: All   
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:
Circulation function:
Attachments: Bug 41198: Add visible "Sort results by" label above sort dropdown in OPAC search results
Bug 41198: Add visible "Sort results by" label above sort dropdown in OPAC search results

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>