Websites & patient experience · Website help · Screen reader structure

Align spoken reading order with the visible task

A page arranged with visual columns can have an underlying reading order that places answers before questions or warnings after the related action. Screen reader users encounter a different explanation.

What to change

Ask the supplier to check the meaningful sequence of page content independently of its desktop placement.

A worked example

Illustrative example

A preparation panel is read before the control that starts its task, even though the panel sits beside that control in the wide-screen design.

How to check the result

Accept when both visual and spoken routes provide information in time for the decision or action it supports.

A mistake to avoid

Moving a warning visually above a button does not ensure it will be encountered first in the page's reading sequence.

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 record

Entries stay in this page and are not submitted to Kay & Co. Download your notes before leaving; the page does not save them.

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.
Healthcare website testing with desktop and mobile forms, a checklist and success and error states.
Check complete journeys and explain failures clearly.

Further reading

These primary sources provide additional context for the project decisions above.

Related decisions

Turn the brief into a working service

Kay & Co. can help you scope the work, design the experience and deliver the right solution for your organisation.

Explore websites & patient experience services or discuss your project.

Try the free Healthcare Digital Planner to find your starting priority.