Bug 29069 - Accessibility: "Refine your search" link doesn't have sufficient contrast
Summary: Accessibility: "Refine your search" link doesn't have sufficient contrast
Status: Signed Off
Alias: None
Product: Koha
Classification: Unclassified
Component: Accessibility (show other bugs)
Version: Main
Hardware: All All
: P5 - low minor
Assignee: Bugs List
QA Contact: Testopia
URL:
Keywords: accessibility
Depends on:
Blocks: 28188
  Show dependency treegraph
 
Reported: 2021-09-20 23:02 UTC by Henry Bolshaw
Modified: 2025-06-23 11:29 UTC (History)
7 users (show)

See Also:
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 29069: Replace the color of Refine your search link (1.18 KB, patch)
2025-06-23 10:19 UTC, Nina Martinez
Details | Diff | Splinter Review
Bug 29069: Replace the color of Refine your search link (1.23 KB, patch)
2025-06-23 11:29 UTC, Owen Leonard
Details | Diff | Splinter Review

Note You need to log in before you can comment on or make changes to this bug.
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>