a11y: Color Contrast - Login

[rak-phillip]

Insufficient color contrast for standard text

Instances

"Foreground color: #3D98D3
Background color: #FFFFFF
Contrast ratio: 3.16:1
Main Content

• Username (In typing state)
• Password (In typing state)
• Show (in default state)
• Hide (in default state, available after activating Show)
• English (in default state)

Foreground color: #FFFFFF
Background color: #3D98D3
Contrast ratio: 3.16:1
Main Content

• Log in with Local User

Foreground color: #F64747
Background color: #FEE4E4
Contrast ratio: 2.94:1
Main Content

• Invalid username or password. Please try again. (Available after the submission of the blank form)

Foreground color: #5D995D
Background color: #FFFFFF
Contrast ratio: 3.39:1
Main Content

• You have been logged out. (Available when user logged out)

Actual result

• The standard text with background/foreground color combinations having an insufficient contrast ratio making it difficult for people with low vision and color blindness to read standard text elements.

Expected result

The contrast ratio between foreground text and background for the standard text should be sufficient.

Recommendation

On all pages, ensure that each foreground/background color combination presents a contrast ratio of at least 4.5:1 for standard text.

Screenshots