Make loading placeholders lead to a clear outcome

What to change

Ask your supplier to explain what is loading and replace temporary placeholders with real content or an honest failure state and next action.

A worked example

Illustrative example

A resource collection identifies that items are loading, then replaces placeholders with actual results or a retry message when loading cannot complete.

Healthcare website design showing connected desktop and mobile service and enquiry layouts. — Make the service and next step clear on every screen.

Healthcare website accessibility illustrated by a focus outline, keyboard key, contrast samples and form. — Review keyboard access, contrast and understandable form fields.

Why this matters to your practice

Loading placeholders can suggest that content is on its way, but they need a clear ending. Ask your supplier to show successful loading and a deliberate failure. A visitor should receive real results or an understandable next step, not animated empty boxes forever. Spoken navigation should identify the loading state without reading every decorative placeholder as a genuine item. Review the message in the context of the page so it explains what is waiting, rather than simply saying Loading.

A practical review example

A guide collection may show several grey boxes while results are fetched. Ask your supplier to slow the connection and then simulate failure. The visitor should not see endless animation with no explanation of whether waiting still helps. Reading software should identify the loading state without describing every decorative box as a genuine result. When content arrives, the list should become available to explore deliberately. Review the wording in context so Loading names the relevant task rather than appearing as an unexplained generic message.

How to check the result

Accept when temporary placeholders are recognisable, do not masquerade as real choices and never remain the only unexplained outcome.

A mistake to avoid

Animating skeletons indefinitely creates an impression of activity without telling the visitor whether the underlying request has failed.

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.

Checks to discussOpen a page whose main collection loads separately and slow the test connection. Inspect whether the loading area is understandable before any real items arrive.Ask your supplier to demonstrate this check with you: use a screen reader (software that reads the page aloud) to explore the same state. Ask the supplier to avoid announcing every decorative placeholder as if it were an actual result.Force the request to fail and inspect the transition. The placeholders should give way to a useful explanation and available recovery action.

Your answers and notes

Record what you know, what is still missing and the answer you need from your team or supplier.

What happens next, and who will do it?

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.

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.