Similar looks hide whether unlock can even be asked for

What it is

Read-only and disabled are often both faded, borderless, like static type. People cannot tell “this value was never mine to edit” from “one precondition away, ask or check a box and it lights.” So the person who should request access gives up, and the person who should stop keeps tapping. Read-only disabled look-alike is whether those two states can be seen apart, not whether read-only can be copied, and not whether disabled is out of Tab order.

Why it happens

Pale grey is an overused “not default” channel: disabled, read-only, placeholder, secondary copy. Without a second channel (a lock, the word “read only,” “choose the row above first”), people guess. The cost of a wrong guess is asymmetric: taking an askable disabled as permanent read-only fails discovery; taking permanent read-only as askable generates junk tickets. A click test does not help—both may do nothing. The resting look must already answer “is there an unlock path for me.”

Where it stops holding

If a form has only one non-edit state, confusion does not arise and pale grey can be used once. Experts split them by focus behavior (if I can Tab in, it is read-only); novices will not run that experiment. High-contrast themes may collapse both greys into one, so a hue-only split dies. Print styles make them even closer; a screenshot in a document is not evidence.

Applying it

• Give read-only and disabled separable looks: read-only keeps the slot shape plus “read only” or a lock; disabled is emptier, with the precondition written beside it.
• If disabled can be asked-for unlock, show that inlet; do not leave people to guess “maybe tapping will help.”
• Do not let placeholder grey collide with either.
• Verify by sitting both states in one screenshot and asking people new to the page which can be asked open and which will never be theirs. Then have them point to where unlock is. A miss or a wrong point means the visual channel is still one grey.

Related

• Within the group: E2.21.1 Read-only means not editable now, but still selectable and copyable · E2.21.2 Disabled means the capability is off and usually not interactive · E2.21.4 A disabled reason must be discoverable; read-only must say when editing returns
• Adjacent: E2.01 Single-line text fields · E1.02 Button states
• Search terms: read-only disabled look-alike · grey field ambiguity · unlock path