Why Placeholder Text Alone Can't Replace a Real Label
A signup form uses placeholder text ("Enter your email") inside each input field instead of a separate, persistent label element above or beside it. Once a user starts typing, the placeholder text disappears entirely.
What's the concrete problem with relying on placeholder text as the only label?
The correct answer is "It disappears once the user types, and screen readers may treat it differently from a real label."
Placeholder text used as the only label disappears once the user starts
typing — so a sighted user who looks away and back loses the visual
reminder of what the field is for — and many screen readers treat
placeholder and label differently, meaning it may not be announced the
same reliable way a real, persistent <label> is. The fix is a
persistent, associated <label> in addition to, or instead of,
placeholder text.
Placeholder text isn't invisible to sighted users before typing starts, so "sighted users never see it" is wrong. It doesn't slow down form submission on its own. It has no effect on the field's contrast ratio, which is an unrelated visual property.
Share this question