Accessibility
The GOV.UK Design System team at the Government Digital Service (GDS) maintains the following products:
This page explains how the team works to ensure these products are accessible.
The GOV.UK Prototype Kit website has a separate accessibility statement. Read the GOV.UK Prototype Kit website accessibility statement.
Read our accessibility strategy for more information on our current principles and work needed to improve the accessibility of the GOV.UK Design System.
Read about how we test components using accessibility acceptance criteria.
Accessibility statement
This accessibility statement applies to the GOV.UK Design System website at design-system.service.gov.uk, the GOV.UK Frontend documentation website at frontend.design-system.service.gov.uk and the components and patterns from the GOV.UK Frontend codebase which appear in the examples throughout the Design System.
The GOV.UK Design System team wants as many people as possible to be able to use this website. For example, you should be able to:
- change colours, contrast levels and fonts
- zoom in up to 400% without the text spilling off the screen
- listen to most of the website using a screen reader (including the most recent versions of JAWS, NVDA, TalkBack and VoiceOver)
- navigate most of the website using just a keyboard
- navigate most of the website using just a mouse and on-screen keyboard
- navigate most of the website using speech recognition software
The team has also made the website text as simple as possible to understand.
AbilityNet has advice on making your device easier to use if you have a disability.
Feedback and contact information
The GOV.UK Design System team is always looking to improve the accessibility of this website. If you find any problems that are not listed on this page or think this website is not meeting accessibility requirements, email the team at govuk-design-system-support@digital.cabinet-office.gov.uk
The GOV.UK Design System team will review your request and get back to you in 2 working days.
Enforcement procedure
The Government Digital Service (GDS) is committed to making its websites accessible, in accordance with the Public Sector Bodies (Websites and Mobile Applications) (No. 2) Accessibility Regulations 2018.
The Equality and Human Rights Commission (EHRC) is responsible for enforcing the Public Sector Bodies (Websites and Mobile Applications) (No. 2) Accessibility Regulations 2018 (the ‘accessibility regulations’). If you contact us with a complaint and you’re not happy with our response, contact the Equality Advisory and Support Service (EASS).
Compliance status
The Design System website at design-system.service.gov.uk is partially compliant with the Web Content Accessibility Guidelines (WCAG) version 2.1 AA standard. Non-accessible content is documented in the next section.
The GOV.UK Frontend documentation website at frontend.design-system.service.gov.uk is fully compliant with the Web Content Accessibility Guidelines (WCAG) version 2.1 AA standard.
The GOV.UK Frontend codebase at github.com/alphagov/govuk-frontend is fully compliant with the Web Content Accessibility Guidelines (WCAG) version 2.1 AA standard. Non-accessible content is documented in the next section.
Non-accessible content
In this section, we only list non-accessible content that has been reported, verified and tracked in the following repositories:
- GOV.UK Design System GitHub repository
- GOV.UK Frontend Documentation Github repository
- GOV.UK Frontend GitHub repository
For this section, we define an ‘accessibility concern’ as any question about the accessibility of a portion of one of our products.
Non-compliance with the accessibility regulations
These accessibility concerns have been classified as being non-compliant, due to a failure in one or more WCAG 2.1 Level A and AA criteria.
WCAG 2.1 A and AA failures are documented in two of our repositories under the ‘accessibility-regulations-failure’ issue label:
- GOV.UK Design System website label for accessibility regulations failures
- GOV.UK Frontend codebase label for accessibility regulations failures
From the GOV.UK Design System website:
- The example summary card on our ‘Summary list’ component page includes different links with the same link text. There is no programmatically determinable link context to differentiate between the links. This is technically a failure of WCAG success criterion 2.4.4 Link Purpose (In Context). We plan to fix this within 2023. Track our progress on the GitHub issue: ‘Summary list row actions within summary cards must specify which summary card they’re part of’ and GitHub issue: ‘Summary card actions must specify which card they are for’.
From the GOV.UK Frontend Documentation website:
There is currently no known non-compliant content in the GOV.UK Frontend Documentation website.
From the GOV.UK Frontend codebase:
There is currently no known non-compliant content in the GOV.UK Frontend codebase.
Disproportionate burden
We do not currently make any claims of disproportionate burden for any of our products.
Content that’s not within the scope of the accessibility regulations
The accessibility regulations apply to all portions of the GOV.UK Design System website, GOV.UK Frontend Documentation website and GOV.UK Frontend codebase.
We do not have any content within these products which we consider to be outside the scope of the accessibility regulations.
Other identified and tracked accessibility concerns
Above and beyond non-compliant content, we also track accessibility concerns which:
- show strong evidence of being accessibility barriers
- do not constitute a failure in one or more WCAG 2.1 Level AA criteria
- are not classified as non-compliance with the accessibility regulations
- are determined as worth featuring in this accessibility statement
These accessibility concerns are documented in two of our repositories under the ‘accessibility-concern’ issue label:
- GOV.UK Design System website label for accessibility concerns
- GOV.UK Frontend codebase label for accessibility concerns
From the GOV.UK Design System website:
There are currently no known accessibility concerns in the GOV.UK Design System website which we have determined to be worth featuring in this accessibility statement.
From the GOV.UK Frontend Documentation website:
There are currently no known accessibility concerns in the GOV.UK Frontend Documentation website which we have determined to be worth featuring in this accessibility statement.
From the GOV.UK Frontend codebase:
- The accordion component is currently using an
aria-labelledby
ARIA attribute on an unsupported<div>
element. This is an incorrect implementation of WAI-ARIA 1.1, but is not a failure of WCAG success criterion 4.1.2 Name, Role, Value. We plan to fix this within 2023. Track our progress on the GitHub issue: ‘Accordion - Elements must only use allowed ARIA attributes’. - The details component doesn’t work well with Dragon and VoiceOver. This is a known issue with the assistive tech and the
<details>
HTML element, rather than an issue with our details component specifically. Track our progress on the GitHub issue: ‘Details component does not work well with Dragon and VoiceOver’. - A bug within Dragon means no action is taken when trying to activate the file upload component through the command ‘click choose file’. This is a usability issue originating from the assistive technology. We don’t plan on fixing this, as it’s something which would need to be resolved within the assistive technology itself. Track our progress on the GitHub issue: ‘Upload file component doesn’t respond to ‘click choose file’ due to Dragon / browser bugs’.
Testing our products for accessibility
The GOV.UK Design System website was last audited for accessibility issues by an external group on 7 October 2019. The test was carried out by the Digital Accessibility Centre (DAC).
DAC tested a sample of pages to cover the different content types in the GOV.UK Design System website. They were:
- the homepage
- a short content page
- a long content page
- an overview page
- a styles page
- a component page
- a pattern page
DAC also tested the global search functionality that appears in the header of the GOV.UK Design System website.
Frontend documentation website
The GOV.UK Frontend documentation website was last audited for accessibility issues by an external group in April 2021. The audit was carried out by the Digital Accessibility Centre (DAC).
DAC tested the Technical Documentation Template, which is the platform that runs the GOV.UK Frontend documentation website.
To learn more, read the Technical Documentation Template accessibility statement.
Frontend codebase
The GOV.UK Frontend codebase is not a website but a code repository and npm package.
Examples using the GOV.UK Frontend codebase were last audited for accessibility issues by an external group in May 2023. The audit was carried out by the Digital Accessibility Centre (DAC).
Read more about the codebase’s accessibility in the GOV.UK Frontend GitHub repository readme.
How the GOV.UK Design System team makes their websites accessible
The GOV.UK Design System team works to make sure the Design System and Frontend websites, and the codebase they use, are accessible.
Where possible, the team aims to research components and patterns with a representative range of users, including those with disabilities.
We also test components to make sure they work with a broad range of browsers, devices and assistive technologies — including screen magnifiers, screen readers and speech recognition tools.
When we publish new content, we’ll continue to make sure that it meets accessibility standards.
Preparation of this accessibility statement
This statement was prepared on 23 October 2019. It was last reviewed on 2 August 2023.
Using the Design System and Frontend in your service
While the GOV.UK Design System team takes steps to ensure the Design System is as accessible as possible by default, you still need to carry out contextual research.
Simply using code from the GOV.UK Frontend codebase is not enough to accessibly implement the GOV.UK Design System. There is important written guidance in the GOV.UK Design System website on how to implement styles, components and patterns in an accessible way.
Using the Design System guidance and Frontend codebase does not mean your service automatically meets level AA of WCAG 2.1. You’ll still need to make sure your service as a whole meets accessibility requirements.
You must research styles, components and patterns as part of your service to make sure they are accessible in context.
Find out what you need to do to make your service accessible in the GOV.UK Service Manual.
If you are not using the Design System and Frontend
The Design System and Frontend were introduced in June 2018 to replace the following deprecated codebases:
- GOV.UK Elements
- GOV.UK Frontend Toolkit
- GOV.UK Template
The GOV.UK Design System team no longer supports these products and will not be making updates to help them meet level AA of WCAG 2.1.
If you’re using these products, you should update your service to use the latest version of GOV.UK Frontend.
If you have any questions or need help, contact the GOV.UK Design System team:
- using the #govuk-design-system channel on the cross-government UK Government Digital Slack
- by email at govuk-design-system-support@digital.cabinet-office.gov.uk