Show a clear focus indicator on every button

What to change

Ask the supplier to provide a visible focus state for each button style, including secondary and icon-only controls.

A worked example

Illustrative example

A visitor can distinguish whether focus is on Book an appointment or Read service details even though both controls have similar dimensions and branding.

How to check the result

Accept when the focused action is consistently identifiable throughout the journey and remains visible while its state changes.

A mistake to avoid

Removing browser outlines for visual consistency creates a usability gap unless an effective replacement is supplied.

Your action checklist

Use these checks to prepare a discussion with your team or supplier. Tick a check when you have recorded the decision or evidence, rather than when a feature has simply been promised.

Decisions to recordTab through primary, secondary, outlined and icon buttons on representative pages. Record controls whose focused appearance cannot be distinguished from surrounding elements.Check those controls on light, dark and image backgrounds. The indicator should remain perceptible without depending on a subtle colour shift alone.Activate each style from the keyboard and then return to it. Confirm disabled, busy and selected states do not erase the focus indicator.

Evidence, open questions and decisionsNext action and responsible role

Entries stay in this page and are not submitted to Kay & Co. Download your notes before leaving; the page does not save them.