Websites & patient experience · Practical guide

Introduce popups clearly when they open

A popup can open visually while keyboard focus stays on the underlying page. Visitors may operate hidden controls instead of the panel they just requested.

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 a popup's purpose and essential explanation apparent before visitors act, including through keyboard and spoken navigation.

A worked example

Illustrative example

Opening a contact-options popup makes its heading and available choices clear, rather than leaving focus on the page's original Contact button.

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 popup should introduce itself when it opens. Someone needs to understand its purpose before choosing an option or entering details. Ask your supplier to demonstrate the opening by keyboard and with spoken feedback, including any essential explanation before the first question. Automatically jumping straight into a field can skip that context. Your practical judgement is whether a visitor can recognise the new task and continue confidently without accidentally operating the page underneath it.

A practical review example

A visitor opens a panel offering contact options from halfway down a service page. Ask your supplier to demonstrate the opening without a mouse and listen to its introduction. The person should recognise the new task instead of continuing to operate links behind it. For a longer panel, check that moving to an input does not skip an explanation needed before answering. Review the same opening with larger text, where a jump to a lower control can leave important context outside view.

How to check the result

Accept when each popup begins in a useful, visible position that supports understanding and the next intended action.

A mistake to avoid

Always focusing the first input is not necessarily appropriate when a visitor needs to read an explanation before providing information.

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.