Attachment 127873 Details for Bug 29036 – Bug 29036: Accessibility OPAC buttons don't have sufficient contrast

[patch] Bug 29036: Accessibility OPAC buttons don't have sufficient contrast

Bug-29036-Accessibility-OPAC-buttons-dont-have-suf.patch (text/plain), 1.65 KB, created by Katrin Fischer on 2021-11-19 14:50:54 UTC

(hide)

Description:

Filename:

MIME Type:

Creator: Katrin Fischer

Created: 2021-11-19 14:50:54 UTC

Size: 1.65 KB

patch

obsolete

>From 04cb1d76f0982ae00b868892c69f025a1fe86bba Mon Sep 17 00:00:00 2001
>From: Henry Bolshaw <bolshawh@parliament.uk>
>Date: Mon, 20 Sep 2021 21:50:28 +0000
>Subject: [PATCH] Bug 29036: Accessibility OPAC buttons don't have sufficient
> contrast
>
>This patch changed the base colour of OPAC buttons to increase the
>contrast ratio, improving accessibility and making the button text
>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 OPAC buttons don't have sufficient colour contrast
>3. Apply the patch and rebuild css:
>   yarn build --view opac
>4. Use the accessibility tool to confirm the button contrast ratio now
>   meets minimum accessibility requirements
>5. Check that the OPAC still looks ok after the changes
>
>Signed-off-by: Owen Leonard <oleonard@myacpl.org>
>Signed-off-by: jeremy breuillard <jeremy.breuillard@biblibre.com>
>
>Signed-off-by: Katrin Fischer <katrin.fischer.83@web.de>
>
>Signed-off-by: Katrin Fischer <katrin.fischer.83@web.de>
>---
> koha-tmpl/opac-tmpl/bootstrap/css/src/_common.scss | 2 +-
> 1 file changed, 1 insertion(+), 1 deletion(-)
>
>diff --git a/koha-tmpl/opac-tmpl/bootstrap/css/src/_common.scss b/koha-tmpl/opac-tmpl/bootstrap/css/src/_common.scss
>index 3820c104d7..70f2fe68aa 100644
>--- a/koha-tmpl/opac-tmpl/bootstrap/css/src/_common.scss
>+++ b/koha-tmpl/opac-tmpl/bootstrap/css/src/_common.scss
>@@ -206,7 +206,7 @@ h1 {
> }
> 
> .btn-primary {
>-    $base-bg: #77b50f;
>+    $base-bg: #548300;
>     background-image: linear-gradient(to bottom, lighten(saturate($base-bg, 0.5), 4), $base-bg);
>     background-color: $base-bg;
>     background-position: 0;
>-- 
>2.11.0

Actions: View | Diff | Splinter Review

Attachments on bug 29036: 125080 | 125293 | 125294 | 126036 | 126055 | 126056 | 126659 | 126660 | 126806 | 126807 | 127177 | 127873 | 127874