Check image-backed text across all image crops

What to change

Ask the supplier to make overlay text readable across responsive crops and loading states, not just the approved desktop screenshot.

A worked example

Illustrative example

A branch heading remains readable when the mobile crop places it over a pale wall, because its background treatment supports the text consistently.

How to check the result

Accept when every supported crop and image-loading state preserves the heading and its associated action controls.

A mistake to avoid

Adding a shadow to the letters may look stronger while leaving large portions of the text difficult to distinguish.

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 recordInspect each image-backed heading at desktop, tablet and phone widths. Identify where letters cross detailed or similarly coloured areas of the picture.Test with the image unavailable and while it loads slowly. The text should retain a usable background rather than briefly becoming unreadable.Ask the supplier to demonstrate the chosen treatment with replacement images that follow the same template. The safeguard should not depend on one carefully chosen photograph.

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.