Allow long button labels to remain readable

What to change

Ask for button layouts that accommodate realistic label length without shrinking the text or losing the interactive boundary.

A worked example

Illustrative example

The label Continue to contact details wraps onto two lines on a small screen, while the complete action and its focus outline remain visible.

How to check the result

Accept when action wording stays complete and readable across supported layouts, with enough separation from neighbouring controls.

A mistake to avoid

Shortening a meaningful action to a vague word solely to fit the design can make the interface harder to understand.

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 recordChoose the longest primary and secondary action labels. Inspect them at narrow width, enlarged text and any supported language variation.Use touch and keyboard to activate a wrapped button. Ask the supplier to show that all visible lines belong to the same target.Add a temporary longer label in the test environment if necessary. Check neighbouring controls move sensibly rather than overlap or disappear.

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.