Shifting left with Cypress: End-to-end accessibility tests

Ensuring accessibility in a modern design system shouldn’t be a last-minute checklist item. It should be an automated, repeatable part of your development workflow.

In this session, we’ll explore how to integrate accessibility testing directly into your component development lifecycle using Cypress and tools like cypress-axe to flag issues before they ever reach production. We’ll demonstrate a practical setup for testing individual web components within a site theme, showing how to make writing tests easier and check for accessibility and usability issues that go beyond what automated checkers catch. We’ll also show how to run these same tests in GitHub Actions.

You’ll learn how to set up actions such as automatically triggering tests and blocking merge requests with violations so you can maintain a scalable accessibility pipeline as your component library grows.

Whether you’re building a new design system or improving an existing one, this session will provide a clear workflow, sample test patterns and practical lessons you can immediately apply to your development environment.