Accessibility issue 08 - Duplicate links

# Description

Screen reader assistive technologies can accurately interpret and analyse content if it is entered correctly from the outset. Errors such as duplicate link descriptions can cause confusion to users as they offer no context to the where the link will direct them to.
There is also an issue with the design of the page since it doesn’t follow any of the GDS approved components. The current design creates an overload of information to the user since they will have to review all answers before if they want to change anything from the list.


Image 1. Shows a preview of a page with information about the conversion. There are multiple links and they all read Change your answers

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


Image 2. Shows a preview of what a screen reader will read out to users. The multiple links do not give any indication regarding which change is being applied.

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

Image 3. Shows the new proposed design for this page

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


Image 4. Shows the link list with the correct description when using a screen reader

Image 4: screenshot of screen reader links with proper description

See this component in action
Prototype: Summary list
Username: apply
Password: 2become




< Go back to design histories