Work in progress
This page is a design preview. It may not contain the latest guidance and may not behave as expected.
Current guidance can always be found at design-system.dwp.gov.uk.
Quick reference
Accessibility
If you use status tags, take care to check all possible colour combinations for contrast.
The default ariaLabel is ‘Quick reference’: you should update this to represent the specific use of the component in your service. The examples on this page use ‘Case information’.
Labels need to be provided to describe the the provided 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: