Keep fixed controls clear of phone screen edges

What to change

Ask the supplier to test fixed elements on actual phones and reserve usable space around device-specific screen edges.

A worked example

Illustrative example

A fixed Contact action remains above the phone's bottom gesture area and does not overlap the page's final link or consent control.

How to check the result

Accept when fixed actions remain visible, individually operable and separated from both page content and device interaction areas.

A mistake to avoid

Adding a fixed margin based on one handset can leave the same control obstructed on another device or orientation.

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 a page with a fixed bottom action and inspect it in portrait and landscape. Check text, icons and target boundaries are fully visible.Scroll, open the browser toolbar and dismiss it again. Ask the supplier to demonstrate that the action bar remains usable as available screen space changes.Complete the action with one ordinary tap, then use system navigation gestures nearby. The website should not make the two interactions unnecessarily difficult to distinguish.

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.