LP1991562 Accessible link and button colors user/slink/lp1991562-link-button-contrast_signoff
authorStephanie Leary <stephanie.leary@equinoxOLI.org>
Tue, 1 Nov 2022 16:33:04 +0000 (11:33 -0500)
committerShula Link <slink@gchrl.org>
Wed, 1 Mar 2023 13:54:57 +0000 (08:54 -0500)
commit9cd31140fc668d406e43a069755e6cb1fa31e4e6
treeffe8df7ec57c42c2aa52fcceb951e2063ed27741
parenta0f08fd8cbb38a80ae497f2cac4c9df3204a3887
LP1991562 Accessible link and button colors

Several of the default colors in Bootstrap 4 do not meet WCAG Level AA
accessibility requirements when used for links (#007bff blue) or button
backgrounds with white text (blue/primary, #28a745 green/success, and

Additionally, while the yellow/warning color (#ffc107) does pass the
contrast check with black text, the button itself does not pass the
graphical object contrast check against white or #f7f7f7 page/tab
backgrounds, meaning people with some forms of color blindness can't see
the shape of the button.

This patch updates link and button colors using Bootstrap 5 tints
(https://getbootstrap.com/docs/5.0/customize/color/#all-colors). While
slightly lighter custom colors could be used to pass the contrast
checks, sticking to the Bootstrap 5 color scheme should make it easier
for us to stay consistent as new components are added in the future.

Signed-off-by: Stephanie Leary <stephanie.leary@equinoxOLI.org>
Signed-off-by: Shula Link <slink@gchrl.org>
Open-ILS/src/eg2/src/app/staff/catalog/result/pagination.component.css
Open-ILS/src/eg2/src/styles.css