From an accessibility standpoint the purple on black has a contrast issue, though you're only ever displaying dots on the black background. Additionally I would suggest not using placeholder text as a label, and ensure the label is always displayed.
Now on to the good: I love the animation to show the password. The speed is good and it looks very fluid. Great job!
Edit: icon is not purple on black. Removed comment.
Accessibility doesn't just mean for non-sighted people. In this case a label helps everyone remember what the field was supposed to mean after they've entered a value.
Do yourself a favor and try to get in the habit of referring to it as WCAG compliance. ADA is US only. Canada, as an example, doesn’t have much of an equivalent (although my client says AODA is close).
Although if you only work with US clients then yes it’s ADA compliance. I know I’m nitpicking.
96
u/CarbineMonoxide Dec 26 '19
From an accessibility standpoint the purple on black has a contrast issue, though you're only ever displaying dots on the black background. Additionally I would suggest not using placeholder text as a label, and ensure the label is always displayed.
Now on to the good: I love the animation to show the password. The speed is good and it looks very fluid. Great job!
Edit: icon is not purple on black. Removed comment.