Conformance
This site targets WCAG 2.1 Level AA. Colour contrast was measured numerically across every text and interface colour pair in the design system rather than assessed by eye.
Measured contrast ratios
| Combination | Ratio | Result |
|---|---|---|
| Text #0F172A on white | 17.9:1 | AAA |
| Navy #0B1F3A on white | 16.7:1 | AAA |
| Body #475569 on white | 7.5:1 | AAA |
| Blue #2563EB on white | 5.1:1 | AA |
| White on blue #2563EB | 5.1:1 | AA |
| Cyan #06B6D4 on white | 2.4:1 | Fails - restricted to non-text use |
| Cyan #06B6D4 on navy | 6.8:1 | AA |
| Success text #047857 on white | 5.5:1 | AA |
| Warning text #B45309 on white | 5.0:1 | AA |
| Error text #DC2626 on white | 4.8:1 | AA |
Because cyan fails against white, it is used on light backgrounds only for non-text elements: status indicators, hairlines and icon strokes. Cyan as text appears exclusively on navy.
Status colours follow the same rule. The base green and amber measure 3.8:1 and 3.2:1 on white, which is below the 4.5:1 needed for small text, so badges and status pills use darker dedicated text tokens while the base values remain for fills, borders and icon strokes.
What is implemented
- Semantic HTML landmarks and a skip link to the main content.
- Visible focus indicators on every interactive element, colour-adjusted on dark sections.
- Full keyboard operability, including the navigation drawer, product tabs and FAQ.
- The FAQ uses native disclosure elements, so it works without JavaScript.
- Content is visible by default; animation is an enhancement that is never required to read the page.
- Reduced-motion preferences are respected throughout.
- Touch targets are at least 44 by 44 pixels; form inputs are at least 16 pixels to prevent zoom on focus.
- Form validation messages are announced to screen readers and never communicated by colour alone.
Known gaps
Stating these is part of the point of the document.
- A full manual screen reader pass across every page is outstanding.
- Some decorative interface labels render below our preferred minimum size.
- Colour pairs are audited programmatically against the stylesheet on each release; individual component states are not yet all covered automatically.
- The site has not been audited by an independent third party.
Tell us about a problem
If any part of this site is difficult to use, email us and we will fix it and tell you when it is done.