Websites & patient experience · Practical guide

Let visitors leave interactive maps without getting stuck

An embedded map can consume Tab or arrow keys so that visitors struggle to reach content after it. A useful visual aid becomes an obstacle to the rest of the page.

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 the supplier to demonstrate entering and leaving the map using a keyboard, with the practice's contact and arrival information still reachable afterwards.

A worked example

Illustrative example

A visitor checks zoom controls, then moves on to the branch telephone link without repeatedly cycling around map tools or restarting navigation.

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

An interactive map should help someone find your practice without trapping them in its controls. Ask the supplier to show a keyboard journey from the address into the map and onwards to the next useful page action. Keep the written address and practical directions nearby so the map is not the only source of location information. A person looking for parking advice or a telephone number should not have to learn how the mapping component works first.

How to check the result

Accept when both forward and backward exit routes work and the map does not prevent access to practical contact information.

A mistake to avoid

Giving the map an accessible title does not solve a keyboard trap inside the embedded service.

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.