Websites & patient experience · Practical guide

Keep form questions visible while patients answer

A contact field can look understandable while empty because its placeholder provides the only label. After typing, visitors must remember which information belongs in each box.

Healthcare website and appointment calendar displayed on devices at an empty clinic reception.
Make the website useful for the people who use your practice.

What to change

Ask your supplier to keep each question readable while someone types, checks or corrects the answer, including details entered automatically by their browser.

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.

Healthcare website design showing connected desktop and mobile service and enquiry layouts.
Make the service and next step clear on every screen.
Healthcare website accessibility illustrated by a focus outline, keyboard key, contrast samples and form.
Review keyboard access, contrast and understandable form fields.

Why this matters to your practice

Think about someone completing your form between other jobs, then returning to check what they have written. They should recognise the name, email and telephone boxes immediately. The small improvement here is continuity: the question stays visible beside its answer. Ask to see a completed form during approval, because an attractive empty design will not reveal this problem. Include the mobile version, where labels have less room and can become difficult to read.

A practical review example

Imagine a patient interrupted halfway through an enquiry. When they return, two boxes contain similar-looking contact details. They should not need to delete an answer to discover what the box was asking. During the demonstration, ask the supplier to correct the second box while leaving the first untouched. Include a long answer that fills its available space. The question should remain easy to read, rather than becoming a tiny caption squeezed against the answer.

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.

Turn reading into a next step

Your action checklist

Work through these checks with your team or supplier. Tick the ones you have resolved and leave unknowns open.

Checks to discuss

Record what you know, what is still missing and the answer you need from your team or supplier.

Use project decisions only, without personal, patient or confidential details. Entries stay in this page and are not submitted to Kay & Co. Copy or download before leaving; this page does not save your notes.

Further reading

These sources provide background for the topic. The practice examples and checklist are illustrative planning suggestions from Kay & Co.

Related guides

Need help with this?

Tell us what is getting in the way. Kay & Co. can help you understand the options and turn the next step into something that works for your practice.

Explore websites & patient experience services or discuss your project.

Try the free Healthcare Digital Planner to find your starting priority.