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.
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.
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>
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>
Nice work everyone! Pushed to main for 25.11
Nice work everyone! Pushed to 25.05.x
Not backported to 24.11.11 for UI stability