Websites & patient experience · Practical guide

Give maps, booking tools and other embedded tasks clear names

Several embedded frames can appear as unnamed regions to accessibility tools. Visitors cannot distinguish a booking widget from a map or document viewer before entering its controls.

Healthcare website and appointment calendar displayed on devices at an empty clinic reception.
Make the website useful for the people who use your practice.

What to change

Ask your supplier to identify each meaningful embedded area and check that its controls, loading state and surrounding explanation match that purpose.

A worked example

Illustrative example

A visitor can recognise Appointment request form as the embedded task and distinguish it from the separate Location map farther down the page.

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

A page may contain a map, a document viewer and a booking tool. Each should identify its purpose before a visitor enters its controls. Ask your supplier to demonstrate their names through screen-reading software and compare them with the surrounding headings. A generic Frame label tells little about the task inside. Naming the container is a useful start, but the actual tool also needs a usable interaction and an understandable loading or failure state.

A practical review example

A page may contain both a location map and an appointment-request tool. A visitor using spoken navigation should be able to distinguish them before entering their controls. Ask your supplier to demonstrate the list of embedded areas and move into and out of each. Review the loading and failure states too. A useful container name is only the introduction; it does not repair confusing controls within the tool. The complete experience should support the task described by the heading and the spoken identity.

How to check the result

Accept when each meaningful embed has an accurate, distinguishable name and a usable relationship with its surrounding page context.

A mistake to avoid

A useful frame title cannot repair inaccessible controls inside the embed; both the container and its actual interaction need review.

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 discuss

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.