DesaraeV

Thursday, November 5, 2026

Placeholder text is not a label

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.

My Photo

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.

Share This Post

Share to Facebook Share to Twitter Email This Pin This Share on Google Plus Share on Tumblr

No comments:

Post a Comment

Backlinks will be hidden. Crude comments may be removed.