Make the whole choice label activate its option

What to change

Choose a consistent interaction in which the visible label activates its associated choice and the selected state is easy to verify.

A worked example

Illustrative example

For a contact preference question, pressing anywhere on the words Email me selects email. Pressing an adjacent explanation link opens that explanation instead.

How to check the result

Accept when the label and small visual control act as one predictable target, while any separate link retains its own behaviour.

A mistake to avoid

Do not enlarge the target by placing an invisible layer over neighbouring options or their help links.

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 recordOn a phone, tap the beginning, middle and end of each option label. Confirm that each tap changes only the intended option or checkbox.Repeat the exercise using a keyboard. Ask the supplier to demonstrate how a screen reader identifies the question, each answer and the selected answer.Check wrapped labels and labels containing a separate help link. The help link should open help without accidentally changing a selection or submitting the form.

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.