Today’s defendant has appeared in millions of forms under a false identity. It shows up looking exactly like a label, says “Email address” in a soft gray voice, and disappears the moment anyone starts typing.
Judge Patricia Semantics is presiding. The court reporter, a screen reader, will read everything aloud. Everything with a name, anyway.
The charges
- Impersonating a label. The defendant sits inside the field, right where people look to find out what goes there, then leaves as soon as they start.
- Abandoning users mid-task. Once someone types, nothing on screen says what the field wanted. That’s survivable for “Email.” It’s not survivable for “Name exactly as it appears on your passport, excluding middle names.”
- Failing contrast. Placeholder text is still text, and text needs a 4.5:1 contrast ratio. The defendant’s preferred shade of light gray was entered into evidence. The court stenographer could not read it.
Opening statements
Defense: My client is minimalist. Labels take up vertical space. Designers love my client.
Prosecution: Designers love your client right up until usability testing.
The witnesses
The first witness was Dana, who was halfway through an insurance quote when her phone rang. When she came back, field four said “1985” and nothing else. She couldn’t remember whether it wanted her birth year, the year her house was built, or the year of her last claim.
“So I deleted it to see the question again,” she said. “Then I typed it back in. Then I did that for every field on the page, just to be sure.”
The prosecution noted for the record that deleting your answer is the only way to read the defendant’s instructions twice.
Next, Browser Autofill took the stand. “I filled in every field at once, like I always do,” it said. “Every placeholder vanished at the same moment. The user was looking at a form full of answers and no questions.”
The court reporter then testified on its own behalf. Support for treating a placeholder as a field’s accessible name has been inconsistent over the years, it said, and some users heard nothing more than “edit text.” The judge thanked the reporter, who read the thank-you aloud.
The cooperating witness
The Floating Label, a former associate of the defendant, agreed to testify in exchange for leniency. It starts life as a placeholder, then moves above the field when someone starts typing.
“I got out of that life,” it told the court.
On cross-examination, the prosecution pointed out that the Floating Label still starts small and gray, and has been known to overlap the text when people zoom in. The judge allowed the testimony but declined to give it a medal.
The verdict
Guilty on all counts.
Sentencing
- Every field gets a real label, visible above the field and connected to it, every time.
- Hints and formats go in helper text below the label, where they stay visible while people type.
- The defendant is sentenced to probation. It may appear only to show an example format, like “name@example.com,” and only in a field that already has a label. It must meet contrast requirements at all times.
The defendant was escorted from the courtroom. Moments later, nobody could remember what it had said.
This case is part of the UI Court series.