LP1991562 Accessible link and button colors user/sleary/lp1991562-link-button-contrast
authorStephanie Leary <stephanie.leary@equinoxOLI.org>
Tue, 1 Nov 2022 16:33:04 +0000 (11:33 -0500)
committerStephanie Leary <stephanie.leary@equinoxOLI.org>
Fri, 24 Feb 2023 19:21:32 +0000 (13:21 -0600)
commit3d93e9c6b9b43610fb7be75420cb06b30f777bb4
treea419b22df07bc4a974eb3d7e686305c15fcf7030
parent922a71d07d270c6c29c506d40eed6c276ba43dd9
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>
Open-ILS/src/eg2/src/app/staff/catalog/result/pagination.component.css
Open-ILS/src/eg2/src/styles.css