[Bug 29037] New: Accessibility: OPAC breadcrumb links don't have sufficient contrast
https://bugs.koha-community.org/bugzilla3/show_bug.cgi?id=29037 Bug ID: 29037 Summary: Accessibility: OPAC breadcrumb links don't have sufficient contrast Change sponsored?: --- Product: Koha Version: master Hardware: All OS: All Status: NEW Severity: minor Priority: P5 - low Component: OPAC Assignee: oleonard@myacpl.org Reporter: bolshawh@parliament.uk QA Contact: testopia@bugs.koha-community.org The OPAC breadcrumb links are on a grey background and don't have sufficient contrast. This makes the text difficult to read and fails to meet accessibility criteria. 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/) -- You are receiving this mail because: You are watching all bug changes.
https://bugs.koha-community.org/bugzilla3/show_bug.cgi?id=29037 Henry Bolshaw <bolshawh@parliament.uk> changed: What |Removed |Added ---------------------------------------------------------------------------- Assignee|oleonard@myacpl.org |bolshawh@parliament.uk CC| |bolshawh@parliament.uk Keywords| |accessibility Status|NEW |ASSIGNED Blocks| |28188 Referenced Bugs: https://bugs.koha-community.org/bugzilla3/show_bug.cgi?id=28188 [Bug 28188] Accessibility: OPAC - the contrast ratio for text is insufficient [OMNIBUS] -- You are receiving this mail because: You are watching all bug changes.
https://bugs.koha-community.org/bugzilla3/show_bug.cgi?id=29037 Henry Bolshaw <bolshawh@parliament.uk> changed: What |Removed |Added ---------------------------------------------------------------------------- Summary|Accessibility: OPAC |Accessibility: OPAC links |breadcrumb links don't have |don't have sufficient |sufficient contrast |contrast -- You are receiving this mail because: You are watching all bug changes.
https://bugs.koha-community.org/bugzilla3/show_bug.cgi?id=29037 --- Comment #1 from Henry Bolshaw <bolshawh@parliament.uk> --- This issue also applies to other links on a grey background e.g. the links in the OPAC search results. I've amended the bug title to remove the reference to breadcrumbs specifically. -- You are receiving this mail because: You are watching all bug changes.
https://bugs.koha-community.org/bugzilla3/show_bug.cgi?id=29037 --- Comment #2 from Henry Bolshaw <bolshawh@parliament.uk> --- Created attachment 124912 --> https://bugs.koha-community.org/bugzilla3/attachment.cgi?id=124912&action=edit Bug 29037: Accessibility: OPAC links don't have sufficient contrast This patch changes the colour of links on the OPAC to improve the contrast ratio and make the link text easier to read. This accessibility issue was identified using the WebAIM WAVE accessibility browser extension and Google Chrome's Lighthouse tool. To test: 1. Use an accessibility tool (e.g. Chrome's Lighthouse tool) to test the contrast ratio. 2. Confirm that some links (e.g. breadcrumb links and title links in search results) 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 minimum requirements 5. Check that the OPAC still looks ok after the changes. -- You are receiving this mail because: You are watching all bug changes.
https://bugs.koha-community.org/bugzilla3/show_bug.cgi?id=29037 Henry Bolshaw <bolshawh@parliament.uk> changed: What |Removed |Added ---------------------------------------------------------------------------- Patch complexity|--- |Trivial patch Status|ASSIGNED |Needs Signoff -- You are receiving this mail because: You are watching all bug changes.
https://bugs.koha-community.org/bugzilla3/show_bug.cgi?id=29037 Owen Leonard <oleonard@myacpl.org> changed: What |Removed |Added ---------------------------------------------------------------------------- Status|Needs Signoff |Signed Off -- You are receiving this mail because: You are watching all bug changes.
https://bugs.koha-community.org/bugzilla3/show_bug.cgi?id=29037 Owen Leonard <oleonard@myacpl.org> changed: What |Removed |Added ---------------------------------------------------------------------------- Attachment #124912|0 |1 is obsolete| | --- Comment #3 from Owen Leonard <oleonard@myacpl.org> --- Created attachment 125153 --> https://bugs.koha-community.org/bugzilla3/attachment.cgi?id=125153&action=edit Bug 29037: Accessibility: OPAC links don't have sufficient contrast This patch changes the colour of links on the OPAC to improve the contrast ratio and make the link text easier to read. This accessibility issue was identified using the WebAIM WAVE accessibility browser extension and Google Chrome's Lighthouse tool. To test: 1. Use an accessibility tool (e.g. Chrome's Lighthouse tool) to test the contrast ratio. 2. Confirm that some links (e.g. breadcrumb links and title links in search results) 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 minimum requirements 5. Check that the OPAC still looks ok after the changes. Signed-off-by: Owen Leonard <oleonard@myacpl.org> -- You are receiving this mail because: You are watching all bug changes.
https://bugs.koha-community.org/bugzilla3/show_bug.cgi?id=29037 Martin Renvoize <martin.renvoize@ptfs-europe.com> changed: What |Removed |Added ---------------------------------------------------------------------------- Attachment #125153|0 |1 is obsolete| | --- Comment #4 from Martin Renvoize <martin.renvoize@ptfs-europe.com> --- Created attachment 125279 --> https://bugs.koha-community.org/bugzilla3/attachment.cgi?id=125279&action=edit Bug 29037: Accessibility: OPAC links don't have sufficient contrast This patch changes the colour of links on the OPAC to improve the contrast ratio and make the link text easier to read. This accessibility issue was identified using the WebAIM WAVE accessibility browser extension and Google Chrome's Lighthouse tool. To test: 1. Use an accessibility tool (e.g. Chrome's Lighthouse tool) to test the contrast ratio. 2. Confirm that some links (e.g. breadcrumb links and title links in search results) 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 minimum requirements 5. Check that the OPAC still looks ok after the changes. Signed-off-by: Owen Leonard <oleonard@myacpl.org> Signed-off-by: Martin Renvoize <martin.renvoize@ptfs-europe.com> -- You are receiving this mail because: You are watching all bug changes.
https://bugs.koha-community.org/bugzilla3/show_bug.cgi?id=29037 Martin Renvoize <martin.renvoize@ptfs-europe.com> changed: What |Removed |Added ---------------------------------------------------------------------------- Status|Signed Off |Passed QA CC| |martin.renvoize@ptfs-europe | |.com --- Comment #5 from Martin Renvoize <martin.renvoize@ptfs-europe.com> --- A marked improvement. Passing QA -- You are receiving this mail because: You are watching all bug changes.
https://bugs.koha-community.org/bugzilla3/show_bug.cgi?id=29037 Jonathan Druart <jonathan.druart+koha@gmail.com> changed: What |Removed |Added ---------------------------------------------------------------------------- Status|Passed QA |Pushed to master Version(s)| |21.11.00 released in| | -- You are receiving this mail because: You are watching all bug changes.
https://bugs.koha-community.org/bugzilla3/show_bug.cgi?id=29037 --- Comment #6 from Jonathan Druart <jonathan.druart+koha@gmail.com> --- Pushed to master for 21.11, thanks to everybody involved! -- You are receiving this mail because: You are watching all bug changes.
https://bugs.koha-community.org/bugzilla3/show_bug.cgi?id=29037 Kyle M Hall <kyle@bywatersolutions.com> changed: What |Removed |Added ---------------------------------------------------------------------------- Version(s)|21.11.00 |21.11.00,21.05.05 released in| | CC| |kyle@bywatersolutions.com Status|Pushed to master |Pushed to stable --- Comment #7 from Kyle M Hall <kyle@bywatersolutions.com> --- Pushed to 21.05.x for 21.05.05 -- You are receiving this mail because: You are watching all bug changes.
participants (1)
-
bugzilla-daemon＠bugs.koha-community.org