Make dialog close controls easy to find and activate

What to change

Ask for a clear, sufficiently usable dismissal control whose purpose is understandable through visual and nonvisual interaction.

A worked example

Illustrative example

A visitor can reach a labelled Close action at the start of a help dialog, dismiss it and return to the original page.

How to check the result

Accept when dismissal is readily discoverable and operable across the supported screen sizes and input methods.

A mistake to avoid

A large invisible click area around the cross can accidentally cover nearby heading links or the dialog's first interactive control.

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 recordOpen the dialog on a phone and locate its close action without scrolling through unrelated content. Try activating it using an ordinary, imprecise tap.Tab through the dialog and listen to the close control with a screen reader. Ask the supplier to provide a meaningful name and visible focus.Increase text size and inspect the top corner again. The close target must not overlap the heading or disappear beyond the panel boundary.

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.