Keep form labels visible after typing

What to change

Ask your supplier to retain a visible label throughout entry, correction and review, including when the browser supplies an existing value.

A worked example

Illustrative example

A visitor corrects a telephone number after entering an email address. Both field names remain visible so the visitor changes the intended contact detail.

How to check the result

Accept when empty, typed and automatically filled fields retain readable labels at ordinary size and enlarged text settings.

A mistake to avoid

A floating label that becomes tiny or overlaps an entered value has only moved the original problem.

Your action checklist

Use these checks to prepare a discussion with your team or supplier. Tick a check when you have recorded the decision or evidence, rather than when a feature has simply been promised.

Decisions to recordOpen the enquiry form and fill every box with fictional information. Move away from the form, return, and identify each field without deleting anything.Use the browser's saved contact details if available. Check that a filled field still shows its label and does not place text over it.Ask the supplier to demonstrate the same form using a screen reader. Listen for the field name separately from its current value and instructions.

Evidence, open questions and decisionsNext action and responsible role

Entries stay in this page and are not submitted to Kay & Co. Download your notes before leaving; the page does not save them.