Websites & patient experience · Practical guide

Make selected choices clear without depending on colour

A choice can appear selected only through a change from one brand colour to another. Visitors may be unable to tell which option will be used.

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 show which option is selected through a clear marker or wording as well as colour, with the same meaning in spoken feedback.

A worked example

Illustrative example

A selected branch card includes an obvious selection marker as well as its background treatment. Returning to the chooser still identifies the same branch.

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 coloured outline may look elegant while leaving some visitors unsure which choice is active. Ask for a second clear cue, such as a tick or an explicit selected state. The cue should agree with the answer the form will send. Review several choices together and change the selection during the demonstration. A visitor should be able to identify the current answer without remembering what they tapped or relying on a small difference between two shades.

A practical review example

A branch chooser may use two similar brand colours for selected and unselected cards. Ask the supplier to add an understandable second cue and demonstrate changing the choice. Then return from the next step and compare the visible marker with the value on review. A decorative tick on every card would not identify selection, even if it looks reassuring. The practical result is one clear answer that a visitor can recognise without remembering their last tap or distinguishing subtle shades.

How to check the result

Accept when only the intended option is shown as selected and that state can be understood without distinguishing brand colours.

A mistake to avoid

A decorative tick repeated on every card can look reassuring while providing no actual indication of selection.

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.