Accessibility problem on Change Password popup
Summary
When changing a password the red and green circles for bad and good password differ only in color. 8% of men may not see the difference in color, so may be frustrated by the UI of the tool.
Steps to reproduce
- Go to Change Password
- Enter a new password that is not satistactory. The circle to the right of the password is red
- Enter a new password that is satistactory. The circle to the right of the password changes to green
What is the current bug behavior?
The red and green circles differ only in their color.
What is the expected correct behavior?
The red and green circles should also differ in some other way, perhaps shape or text
https://webaim.org/articles/contrast/#sc141
"Color is not used as the only visual means of conveying information, indicating an action, prompting a response, or distinguishing a visual element."
Relevant logs and/or screenshots
None
Possible fixes
Instead of using color alone to communicate the good/bad password information, there could also be a cross or check (tick) next to the fields. Or text could be displayed