Bug 39982

Summary: Accessibility: The 'Browse results' menu does not have sufficient color contrast.
Product: Koha Reporter: Nina Martinez <nina.martinez>
Component: AccessibilityAssignee: Nina Martinez <nina.martinez>
Status: Signed Off --- QA Contact: Testopia <testopia>
Severity: enhancement    
Priority: P5 - low CC: flaterdavid, julian.maurice, martin.renvoize, matt.blenkinsop, oleonard
Version: unspecified   
Hardware: All   
OS: All   
GIT URL: Change sponsored?: ---
Patch complexity: Trivial patch Documentation contact:
Documentation submission: Text to go in the release notes:
Version(s) released in:
Circulation function:
Attachments: Bug 39982: Change the color of the Browse results list elements.
Bug 39982: Change the color of the Browse results list elements.
Bug 39982: Change the color of the Browse results list elements.

Description Nina Martinez 2025-05-23 14:05:01 UTC
The 'Browse results' menu on the OPAC details page does not have a sufficient color contrast. This issue invalidates WCAG 1.4.3. We should improve this by increasing the contrast between the text color and the background.

To test this issue, you can use the Firefox extension: WCAG Contrast Checker or WAVE.

1- Enable the following system preference: OpacBrowseResults.
2- Make a search, choose a record, and expand the 'Browse results' menu.
3- Check the color contrast.

WCAG : 
https://www.w3.org/WAI/WCAG22/quickref/?versions=2.1#contrast-minimum

WCAG Contrast Checker firefox extension : 
https://addons.mozilla.org/fr/firefox/addon/wcag-contrast-checker/
Comment 1 Nina Martinez 2025-05-26 13:12:17 UTC
Created attachment 182784 [details] [review]
Bug 39982: Change the color of the Browse results list elements.

Test plan:

1- Apply the patch and enable the folowing system preference: OpacBrowseResults
2- Make a search, choose a record, and expand the 'Browse results' menu.
3- Check the color contrast of these elements: close buttons, results number navigation, record name link and author name. (you can use a color checker like WCAG Color contrast checker)
4- If all the color contrast between the elements and the background are greater than or equal to 4.5 the test succeeds !
Comment 2 David Flater 2025-06-09 20:18:07 UTC
Created attachment 183102 [details] [review]
Bug 39982: Change the color of the Browse results list elements.

Test plan:

1- Apply the patch and enable the folowing system preference: OpacBrowseResults
2- Make a search, choose a record, and expand the 'Browse results' menu.
3- Check the color contrast of these elements: close buttons, results number navigation, record name link and author name. (you can use a color checker like WCAG Color contrast checker)
4- If all the color contrast between the elements and the background are greater than or equal to 4.5 the test succeeds !

Signed-off-by: John Doe <you@example.com>
Signed-off-by: David Flater <flaterdavid@gmail.com>
Comment 3 David Flater 2025-06-09 20:21:44 UTC
Created attachment 183103 [details] [review]
Bug 39982: Change the color of the Browse results list elements.

Test plan:

1- Apply the patch and enable the folowing system preference: OpacBrowseResults
2- Make a search, choose a record, and expand the 'Browse results' menu.
3- Check the color contrast of these elements: close buttons, results number navigation, record name link and author name. (you can use a color checker like WCAG Color contrast checker)
4- If all the color contrast between the elements and the background are greater than or equal to 4.5 the test succeeds !

Signed-off-by: David Flater <flaterdavid@gmail.com>
Comment 4 David Flater 2025-06-09 20:24:29 UTC
Apologies for the clutter, I was experiencing some errors with my .env