Placeholder text is not a label.
It disappears the moment someone starts typing. Then the field that said "Email address" just shows an address — and the person has to remember what they were supposed to enter, and whether they got it right.
For someone with a cognitive disability, a memory difference, or just a lot on their mind at a kitchen table at night, that disappearing act is a barrier. Not a minor annoyance. A barrier.
WCAG in plain English: a label has to stay visible, be tied to its field in code, and survive autofill, zoom, and error recovery.
The fix is boring and it works: put a real label above the field, keep it there, and use placeholder only for an example format — never for the instruction itself.
We test this way: fill the form, make an error on purpose, zoom to 200%, and see if every field still explains itself. If it doesn't, it doesn't ship.
Good labels don't make a design less clean. They make it usable after the first keystroke.
-
Desarae Veit
Senior UI/UX web designer at a large-scale IT contractor for defense, intelligence, and civilian government solutions. Adventurist and certified Yoga / Barre Instructor. Love aviation, books, and travel.Prefer long light hearted series in mystery, comedy, fantasy, and romance.
More About the AuthorShare This Post
No comments:
Post a Comment
Backlinks will be hidden. Crude comments may be removed.