Websites & patient experience · Practical guide

Remove unexpected jumps when using the keyboard

A supplier may force a prominent booking control to receive focus before the page header. This can create a sequence that changes unpredictably across templates and repeated visits.

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 one logical route through the page with the keyboard, rather than prioritising individual promotional buttons out of context.

A worked example

Illustrative example

A visitor moves from the skip link to the header, then into the main content. A booking button appears in its meaningful position instead of interrupting that sequence.

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

Prominence in a design should not produce a confusing keyboard journey. Jumping straight to a booking button may seem helpful, but somebody may first need to read about the service or choose a branch. Ask your supplier to walk through a representative page from the top, then reverse direction. The order should remain understandable. Review the phone menu as part of the same exercise, because closed or hidden controls should not unexpectedly interrupt the journey.

How to check the result

Accept when forward and reverse keyboard navigation follow a coherent page structure across the supported templates.

A mistake to avoid

Making one important action arrive first can render all the controls around it harder to understand and reach.

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.