Websites & patient experience · Practical guide

Show useful actions without requiring a mouse hover

A card may show its action button only when a mouse hovers over it. On a phone, the first tap can navigate unexpectedly or fail to reveal the hidden choice.

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 important card and image actions visible and understandable on touch screens, with consistent keyboard access as well.

A worked example

Illustrative example

A service card shows its View service link on touch screens without requiring the visitor to discover a special first-tap behaviour.

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 mouse can reveal hidden actions by hovering, but a finger cannot perform the same preview. Useful links on service cards should therefore be discoverable before the first tap on a phone. Ask your supplier to show the untouched mobile page, then test the heading, image and button separately. Each should behave according to its visible purpose. A special first-tap rule is difficult to discover, particularly when the visitor expects that first tap to open the service immediately.

A practical review example

A service card may reveal its View service button only when a desktop pointer rests over it. On a phone, ask your supplier to show the page before any tap and identify the available next action. Test the heading, image and expected button separately. The result should match the visible target without requiring people to discover an unexplained first-tap preview rule. Keyboard-revealed content should also remain reachable long enough to use, rather than disappearing as navigation moves towards its own link.

How to check the result

Accept when all essential card actions can be found and used through touch and keyboard with no hidden interaction prerequisite.

A mistake to avoid

Making the first tap imitate hover can leave visitors unsure whether a second tap will open details or choose a different action.

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.