Login form with errors example has insufficient color contrast

[angelikatyborska]

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 #828, color contrast errors were ignored. Make sure to un-ignore them when working on this ticket.

[angelikatyborska]

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.

[angelikatyborska]

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.