Insufficient color contrast on form input borders in bootstrap OPAC

[Jane Sandberg]

Form inputs in the bootstrap OPAC use bootstrap's default #CED4DA color for their borders. These are typically on a white background, for a color contrast ratio of 1.49:1. WCAG says it should have at least a 3:1 color contrast ratio: https://www.w3.org/TR/WCAG21/#non-text-contrast

Bootstrap even says that their default color palette has insufficient contrast: https://getbootstrap.com/docs/4.0/getting-started/accessibility/#color-contrast -- which begs the question of why they don't just change it. But, I digress.

We should override the default border color here so that patrons can actually see where the form fields are. :-)

[Garry Collum (gcollum)]

A proposed fix is at https://git.evergreen-ils.org/?p=working/Evergreen.git;a=shortlog;h=refs/heads/user/gcollum/LP1942240_Insufficient_color_contrast_on_form_borders_in_bootstrap_opac

It changes the ratio to 3.54:1.

[Terran McCanna (tmccanna)]

Looks good to me! My sign off at:

https://git.evergreen-ils.org/?p=working/Evergreen.git;a=shortlog;h=refs/heads/user/mccanna/LP1942240_Insufficient_color_contrast_on_form_borders_in_boopac_signoff

[Jane Sandberg (sandbergja)]

Thanks for this fix, Garry and Terran! Pushed to 3.7 and above.