What to change
Ask your supplier to make text placed over images remain clear across phone crops, slower loading and replacement pictures used by the same design.
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.
Why this matters to your practice
A photograph that works behind a heading on desktop may put a bright or busy area behind the same words on a phone. Review the actual image crops with your supplier before approving the design. The heading should stay clear while the image loads and if it fails altogether. This matters for future updates too: your team should be able to replace an image without accidentally making a service name or enquiry button difficult to read.
A practical review example
A branch heading may sit over a dark doorway on desktop but move over a pale wall when the image is cropped for a phone. Ask your supplier to show both versions with the actual picture. Check the loading and missing-image states too. The heading and any important action need a dependable background treatment throughout. Test another suitable photograph in preview before accepting the shared design, so your editor can update the picture later without accidentally losing the readability of the service name.
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.
Turn reading into a next step
Your action checklist
Work through these checks with your team or supplier. Tick the ones you have resolved and leave unknowns open.
Record what you know, what is still missing and the answer you need from your team or supplier.
Use project decisions only, without personal, patient or confidential details. Entries stay in this page and are not submitted to Kay & Co. Copy or download before leaving; this page does not save your notes.
Further reading
These sources provide background for the topic. The practice examples and checklist are illustrative planning suggestions from Kay & Co.
Related guides
Need help with this?
Tell us what is getting in the way. Kay & Co. can help you understand the options and turn the next step into something that works for your practice.
Explore websites & patient experience services or discuss your project.
Try the free Healthcare Digital Planner to find your starting priority.