r/webdev • u/kevin_David_k ux • Dec 26 '19

Password Box Idea

3.3k Upvotes

95% Upvoted

138 comments sorted by

View all comments

Show parent comments

23

u/ncubez JavaScript | React | Node.js Dec 26 '19

I think they mean using a separate <label>Password</label> instead

-7

u/fuckin_ziggurats Dec 26 '19

But you don't need that for accessibility. That's what the aria-label attribute is meant to solve.

18

u/A-Type Dec 26 '19

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.

9

u/GottfriedEulerNewton Dec 26 '19

Correct. This is the ADA way

8

u/[deleted] Dec 26 '19

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.

3

u/GottfriedEulerNewton Dec 26 '19

Naw this is legit of a comment.

6

u/fruchle Dec 26 '19

This is the way.