Websites & patient experience · Practical guide

Keep table values connected to their meanings

A visually clear table can sound like a sequence of disconnected numbers through a screen reader (software that reads the page aloud). Visitors cannot tell which service, location or heading a value belongs to.

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 preserve each value's relationship to its row and column, including when the table is read aloud or viewed on a phone.

A worked example

Illustrative example

A visitor reading a fee comparison hears the relevant service and column heading alongside each amount, rather than a string of unexplained figures.

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 table is useful only when people can tell what each number or phrase refers to. Row names and column headings provide that relationship. Ask your supplier to demonstrate a real comparison table using spoken navigation, then check it on a narrow screen. Reception or the relevant practice lead should verify that the relationships remain accurate. A visually tidy grid is not enough if a visitor hears a value without knowing its service, branch or other context.

A practical review example

A comparison may list several branches against opening or contact details. A visitor moving directly to one value needs to know which branch and which detail it describes. Ask your supplier to demonstrate those relationships through reading software and a narrow layout. Your operational team should verify that the associations are correct. Neatly aligned cells can still lose their meaning outside the visual grid, so the review should follow an actual comparison question rather than simply confirm that the table looks orderly.

How to check the result

Accept when every meaningful cell can be interpreted from its associated headings in both wide and narrow presentations.

A mistake to avoid

Adding bold text to the first row makes a table look structured but does not establish usable relationships for accessibility tools.

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.