The shrunk floated type may fall below a readable size
Aliases: shrunk floating label · micro label · post-float type size
What it is
Once a name floats, it is usually shrunk so it can sit on the narrow rim above the slot. Past a point, the label drops below a readable size: with presbyopia, without magnification, or with serifs packed on that rim, people see a smudge of type without being able to tell “email” from “postcode.” That is floated-label undersize. It is whether the relocated string can be read, not whether the motion worked, and not whether it looks like a placeholder.
Why it happens
The rim only offers the thickness of a border plus a little padding. To fit the name into that seam, size, weight, and sometimes contrast are cut. In the empty state the name sits inside the slot at near-input size and is readable enough; after the float, the same characters occupy a smaller retinal size at the exact moment identity must be checked—when there is already a value. Long labels on a narrow slot also truncate or share the rim with a focus ring and a required marker. System font scaling that enlarges only the input, not the floated caption, drives the two ends further apart.
Studying it
Show the floated label at the current size, two steps larger, and at the input size; have people read each field name in the filled state, and repeat under low-vision simulation, greater viewing distance, and OS magnification. Outcomes: read-aloud accuracy, lean-in count, truncated labels taken as a different field. Do not judge “I can see there is type” at mock distance; measure “I can name the word.” Manipulate contrast and size separately, or you cannot tell pale from small.
Where it stops holding
Very short names (“First,” “Last”) may remain readable at a slightly smaller size, masking failure with length. Chinese and Japanese smear into a block earlier than Latin at the same pixel size; one size does not travel across scripts. If the label does not shrink and the slot is instead made taller to hold full-size type, the reading problem vanishes—and so does the space-saving. Print and screenshot scaling can push an already small label over the threshold; a form screenshot in a document is not evidence of readability.
Applying it
- Keep the floated name at a readable size and weight; do not shrink it to the grade of a decorative rim line.
- Reserve real room on the rim for a line of type; if there is not enough, heighten the slot rather than cutting size first.
- Let system font scaling hit the floated label and the input together, so values do not grow while names stay microscopic.
- Verify by filling the form and reading every name from ordinary viewing distance. A wrong word, or a need to lean in, means enlarge the floated type. Repeat at the OS’s largest text size.