Websites & patient experience · Practical guide

Make empty form boxes easy to recognise

Very pale input borders on a white background can make empty fields disappear. Labels remain visible, but visitors cannot confidently identify where to click or enter information.

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 make each entry area distinguishable from its background before it is selected, including lighter, darker and coloured page sections.

A worked example

Illustrative example

An empty message box has a recognisable boundary before the visitor clicks it, making the intended entry area clear beneath its label.

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

A minimalist form can become difficult to understand when its empty boxes almost disappear against the background. The visitor needs to recognise where to type before any helpful error message appears. Ask your supplier to show the empty form at ordinary brightness and in different supported display settings. Labels remain essential, but they should not have to compensate for invisible input areas. Review the complete arrangement so fields, instructions and actions can be distinguished comfortably.

A practical review example

A pale message-box border may almost disappear on a white contact page. The visitor can read the label but cannot confidently identify where typing belongs. Ask your supplier to demonstrate the empty, active and completed states and verify the relevant visual contrast. Include an error state as well. The form should not become recognisable only after someone happens to click the correct area. A different visual treatment can work without an outline, provided it still makes the entry area understandable.

How to check the result

Accept when visitors can locate and distinguish every active input in all ordinary states on the backgrounds where it is used.

A mistake to avoid

Not every control needs an outlined border, but removing the border requires another effective way to recognise the component.

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.