Accessibility
On mobile the menu is hidden and revealed using a JavaScript button. This method is used in the GOV.UK Design System Header component.
If the user’s device is not running JavaScript the full navigation should always be visible.
The font size is 16px at desktop view sizes. This is smaller than the standard size for body text at desktop on an internal service page, which is 19px.
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.
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: