Skip to main content
Timeline

Accessibility

If you repeat link text for more than one event, make sure that screen reader users can tell links apart: for example, by including specific event details in hidden text.

If your back-end system produces time information in 24-hour format, transform it to the correct 12-hour format for presentation in the timeline. Times in 24-hour format or with leading zeroes can be more difficult to read for users with dyslexia or dyscalculia.

Headers have been used to help seperate content.

For more about building accessible services see the DWP Accessibility Manual.

Known issues

We are not aware of any accessibility issues specific to this pattern.

WCAG success criteria

When testing, pay particular attention to the following WCAG success criteria:

Get support

Need help implementing this in a prototype or production build? Get support from the Design System team.

Give feedback

We depend on insights from real projects to update and improve the design system. If you use something we made, tell us how it went.


Could we improve this page?

Send questions, comments or suggestions to the DWP Design System team.

Last updated: