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.
At smaller viewport sizes the menu is hidden and revealed using a JavaScript button. This method is used in the GOV.UK Design System Header component.
When a link item is selected aria-current
is set to true
: this tells a screen reader which item is selected.
For more about building accessible services see the DWP Accessibility Manual.
We are not aware of any accessibility issues specific to this pattern.
When testing, pay particular attention to the following WCAG success criteria:
Need help implementing this in a prototype or production build? Get support from the Design System team.
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.
Send questions, comments or suggestions to the DWP Design System team.
Last updated: