bitcrowd
Login form with errors example has insufficient color contrast
This is how the login form with errors example looks like:
The error message below the input has the color #FFA940 on a white background. This has a contrast ration of 1.9:1 and fails WCAG contrast checks (source: https://webaim.org/resources/contrastchecker/?fcolor=FFA940&bcolor=FFFFFF)
In https://github.com/bitcrowd/bitstyles/pull/828, color contrast errors were ignored. Make sure to un-ignore them when working on this ticket.
I just discovered that the default color of inputs in a normal state (with value, not focused) also has insufficient contrast. This is the contrast: https://webaim.org/resources/contrastchecker/?fcolor=8C88A7&bcolor=FFFFFF if fails AA with small fonts. Both WAVE and axe-core detect those inputs as failing contrast checks.
And the default colors of an active button: https://webaim.org/resources/contrastchecker/?fcolor=361AE9&bcolor=BEB3FF
I'm running axe-core on our new BE project that is using bitstyles with the default configuration and those contrast issues get reported.