Browse Source

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>
Signed-off-by: Fridolin Somers <fridolin.somers@biblibre.com>
22.05.x
Henry Bolshaw 3 years ago
committed by Fridolin Somers
parent
commit
9d6a0716f5
  1. 2
      koha-tmpl/opac-tmpl/bootstrap/css/src/_common.scss

2
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;

Loading…
Cancel
Save