The contrast ratio for the OPAC navigation links (Cart, Lists, Login, Search history, Delete your search history)fails to 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/)
Created attachment 124913 [details] [review] Bug 29034: Accessibility: OPAC nav links don't have sufficient contrast ratio This patch changes the colour of the navigation links on the OPAC (Cart, Lists etc.) to improve the contrast ration and make them easier to read. To test: 1. Use an accessibility tool (e.g. Chrome's Lighthouse tool) to check the contrast ratio on the OPAC 2. Confirm that the navigation links have insufficient contrast 3. Apply the patch and rebuild the OPAC css: yarn build --view opac 4. Use the accessibility tool to confirm the contrast ratio meets the minimum accessibility requirements 5. Check that the OPAC looks ok after the changes
Created attachment 124919 [details] [review] Bug 29034: Accessibility: OPAC nav links don't have sufficient contrast ratio This patch changes the colour of the navigation links on the OPAC (Cart, Lists etc.) to improve the contrast ration and make them easier to read. To test: 1. Use an accessibility tool (e.g. Chrome's Lighthouse tool) to check the contrast ratio on the OPAC 2. Confirm that the navigation links have insufficient contrast 3. Apply the patch and rebuild the OPAC css: yarn build --view opac 4. Use the accessibility tool to confirm the contrast ratio meets the minimum accessibility requirements 5. Check that the OPAC looks ok after the changes Signed-off-by: Owen Leonard <oleonard@myacpl.org>
Created attachment 125327 [details] [review] Bug 29034: Accessibility: OPAC nav links don't have sufficient contrast ratio This patch changes the colour of the navigation links on the OPAC (Cart, Lists etc.) to improve the contrast ration and make them easier to read. To test: 1. Use an accessibility tool (e.g. Chrome's Lighthouse tool) to check the contrast ratio on the OPAC 2. Confirm that the navigation links have insufficient contrast 3. Apply the patch and rebuild the OPAC css: yarn build --view opac 4. Use the accessibility tool to confirm the contrast ratio meets the minimum accessibility requirements 5. Check that the OPAC looks ok after the changes Signed-off-by: Owen Leonard <oleonard@myacpl.org> Signed-off-by: Katrin Fischer <katrin.fischer.83@web.de>
Pushed to master for 21.11, thanks to everybody involved!
Pushed to 21.05.x for 21.05.05