Accessibility (WCAG)

Main Hero

Definition

The practice of designing and building content so it is accessible to people with disabilities.

Advanced

Implements WCAG 2.2 AA criteria, including contrast, keyboard operability, focus visibility, and semantic HTML with ARIA only where needed. Accessibility is verified with automated tests and manual screen reader checks.

Why it matters

Reduces legal risk, expands reach, and improves overall usability.

Use cases

  • Public website compliance
  • Government or enterprise procurement
  • Component library accessibility review

Metrics

  • WCAG 2.2 AA pass rate
  • Axe or Lighthouse issues per page
  • Screen reader task success rate

Issues

  • Missing labels and names for form fields
  • Keyboard traps and low colour contrast

Example

Inputs linked to labels with aria-describedby for error text and visible focus styles on interactive elements.