Screen readers can accurately interpret and analyse content if it is entered correctly from the start.

Errors like duplicate link descriptions can cause confusion to users, as they offer no context for where the link will take them.

There is also an issue with the design of the page as it doesn’t follow the Government Digital Service (GDS) approved components. The current design creates an overload of information to the user, as they will have to review all answers before they change anything from the list.

A preview of a page with multiple links that all read 'Change your answers'.

Image 1: screenshot with a list of information about the conversion

A preview of what a screen reader will read out to users. It is unclear what each link applies to.

Image 2: screenshot of screen reader links repeating information

Action required

Redesign the page using the GDS summary list component.

Use the full description of the link when coding the page.

Proposed solution

A new design for the page. Each section now has it's own "Change" link.

Image 3: screenshot of the proposed new design using 3 columns and individual change links

The link list using a screen reader from the new page design. It is now clear what section the links apply to. We've coded the links so that while each read "Change" for a sighted user, anyone using a screen reader will hear the section name too. For example, "Change the name of the school".

Image 4: screenshot of screen reader links with proper description

Share this page

Tags

Content design Accessibility Academies