Cypress Accessibility Cypress Accessibility

Add-on

Automated accessibility checks on every test

Maximize the value of your existing Cypress tests by instantly adding thousands of accessibility checks with no setup or code changes.

Please note: Cypress Accessibility is an add-on, separate from Cloud subscriptions.

cloud.cypress.io
Screenshot of a detailed, Cypress Accessibility report page on Cypress Cloud.
Cypress Accessibility icon

Cypress Accessibility

Accessibility automation at its best

Instant Adoption

Get immediate access to accessibility reports for everything tested in Cypress — there’s nothing to install or add to your test suite, and no performance penalty. Jump right into digestible results from all steps in your user journeys across all tests, not just initial page states or specific moments in time.

cloud.cypress.io

Share & Collaborate

Link directly to any accessibility violation with exact reproduction steps provided by Test Replay with all the context needed to understand, triage, and debug issues. The rich, interactive visuals help designers, product teams, and developers quickly grasp the issues, ensuring everyone is aligned on your accessibility program.

cloud.cypress.io

Continuous Reporting

Stay ahead of accessibility issues with real-time data and historical insights. Track your progress, set improvement targets, and quickly spot regressions as they happen. With continuous visibility into your accessibility scores, you can prevent the accumulation of technical debt and avoid lengthy feedback cycles.

cloud.cypress.io

Automated Checks

Shift left by automatically identifying accessibility issues with every code change. Catch problems before they merge to avoid costly regressions in production. No additional code or training required - multi-step forms, user flows, error states, modals, pop ups, and all their variations are checked automatically.

cloud.cypress.io

Advanced Debugging

Inspect the DOM for each accessibility violation directly within your browser devtools, allowing your team to test solutions and view the updated accessibility tree in real time. This interactive approach significantly speeds up triage and resolution compared to traditional text-based or static image reports.

cloud.cypress.io

What our customers are saying

Discover how enterprise teams are transforming their accessibility testing and enhancing product quality with Cypress Accessibility.

Frequently asked questions

How is accessibility tested in Cypress Cloud?

As test runs are recorded in Cypress Cloud, we process the data to perform accessibility checks using the open source Axe Core library by Deque Systems. Since your tests cover multiple page states and complex user journeys, Cypress runs individual Axe Core checks on each unique application "snapshot." The results are then merged into page or component level reports, as well as an overall run report. These reports allow you to drill down and explore fully rendered HTML and CSS examples for every violation, ensuring you have the full context needed to address accessibility issues.

What accessibility standard does Cypress Accessibility use?

By default, Cypress targets the Web Content Accessibility Guidelines (WCAG) 2.1 AA standard, along with Deque Best Practices included in Axe Core. While not all accessibility issues can be detected automatically, as much as 57% of WCAG issues that would be detected in a manual audit can be detected this way.

How is this different from axe-core or other accessibility tools?

Cypress runs thousands of automated accessibility checks per test run, providing detailed page and component level reports, along with snapshots for in-browser debugging. No other tool offers this level of integration within your existing Cypress workflows, delivering these insights without requiring any additional code.

Is there an automated way to notify us when the accessibility of our app changes?

Yes, you can programmatically fetch your run's Accessibility results in a CI environment. This enables you to review the results within your CI system and decide whether they meet your standards or if they need to be addressed before merging any code changes.

Can certain elements or URLs be excluded in Cypress Accessibility?

Yes, you can customize and fine-tune Accessibility in Cypress through configuration options. While it is designed to work seamlessly out of the box, there are times when custom configurations may be needed to accommodate unique application structures, testing requirements, or edge cases.

Is Cypress Accessibility included in a Cloud subscription?

No, Cypress Accessibility is available as an add-on to an existing Cloud subscription. Add-ons are billed annually, with reports generated on every run without any extra usage-based charges. As a fully integrated solution, Cypress Accessibility is offered at a lower cost compared to competing commercial services, while providing greater value. Request a free trial to learn more.