Bug 29069

Summary: Accessibility: "Refine your search" link doesn't have sufficient contrast
Product: Koha Reporter: Henry Bolshaw <bolshawh>
Component: AccessibilityAssignee: Nina Martinez <nina.martinez>
Status: Pushed to main --- QA Contact: Laura Escamilla <Laura.escamilla>
Severity: minor    
Priority: P5 - low CC: bolshawh, claire.hernandez, julian.maurice, Laura.escamilla, lucas, martin.renvoize, matt.blenkinsop, nina.martinez, oleonard
Version: MainKeywords: accessibility, release-notes-needed
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:
25.11.00
Circulation function:
Bug Depends on:    
Bug Blocks: 28188    
Attachments: Bug 29069: Replace the color of Refine your search link
Bug 29069: Replace the color of Refine your search link
Bug 29069: Replace the color of Refine your search link

Description Henry Bolshaw 2021-09-20 23:02:26 UTC
The "refine your search" link on the OPAC search results page (opac-search.pl) is hard to read (grey text on a grey background) and doesn't meet accessibility guidelines.

WCAG 2.1 1.4.3 Contrast (Minimum) Level AA:

"The visual presentation of text and images of text has a contrast ratio of at least 4.5:1, except for the following: 

- Large Text: Large-scale text and images of large-scale text have a contrast ratio of at least 3:1;

- Incidental: Text or images of text that are part of an inactive user interface component, that are pure decoration, that are not visible to anyone, or that are part of a picture that contains significant other visual content, have no contrast requirement.

- Logotypes: Text that is part of a logo or brand name has no contrast requirement."

(https://www.w3.org/WAI/WCAG21/quickref/?versions=2.0#contrast-minimum)

There are several free websites for checking the contrast ratio, e.g. https://webaim.org/resources/contrastchecker/ 

You can also use the built-in accessibility functions in Firefox and Chrome, as well as specialist accessibility browser extensions like WAVE (https://wave.webaim.org/)
Comment 1 Nina Martinez 2025-06-17 14:27:51 UTC
Hello, are you still working on it, or can I take it?
Comment 2 Henry Bolshaw 2025-06-18 12:32:12 UTC
Hi Nina. Sorry, I'm not working on this at the moment. Please feel free to take it!
Comment 3 Nina Martinez 2025-06-23 10:17:26 UTC
Thanks Henry !
Comment 4 Nina Martinez 2025-06-23 10:19:19 UTC
Created attachment 183413 [details] [review]
Bug 29069: Replace the color of Refine your search link

This is a trivial patch to correct the low color contrast of the "Refine your search" link.
To test this patch, you can use the firefox extension: WCAG Contrast Checker or WAVE.

Test plan:

1. Apply the patch
2. Search in the Koha OPAC
3. Check the color contrast of the "Refine your search" link.
4. If it is greater than 4.5, the test succeeds !
Comment 5 Owen Leonard 2025-06-23 11:29:24 UTC
Created attachment 183414 [details] [review]
Bug 29069: Replace the color of Refine your search link

This is a trivial patch to correct the low color contrast of the
"Refine your search" link.
To test this patch, you can use the firefox extension: WCAG Contrast
Checker or WAVE.

Test plan:

1. Apply the patch
2. Search in the Koha OPAC
3. Check the color contrast of the "Refine your search" link.
4. If it is greater than 4.5, the test succeeds !

Signed-off-by: Owen Leonard <oleonard@myacpl.org>
Comment 6 Laura Escamilla 2025-07-25 20:15:29 UTC
Created attachment 184670 [details] [review]
Bug 29069: Replace the color of Refine your search link

This is a trivial patch to correct the low color contrast of the
"Refine your search" link.
To test this patch, you can use the firefox extension: WCAG Contrast
Checker or WAVE.

Test plan:

1. Apply the patch
2. Search in the Koha OPAC
3. Check the color contrast of the "Refine your search" link.
4. If it is greater than 4.5, the test succeeds !

Signed-off-by: Owen Leonard <oleonard@myacpl.org>
Signed-off-by: Laura_Escamilla <laura.escamilla@bywatersolutions.com>
Comment 7 Lucas Gass (lukeg) 2025-07-25 20:34:22 UTC
Nice work everyone!

Pushed to main for 25.11