Internal service header

Accessibility

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.

WCAG success criteria

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

• 2.4.4 Link Purpose (In Context) (A)
• 3.2.3 Consistent Navigation (AA)
• 4.1.2 Name, Role, Value (A)

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

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: 1 September 2022