[Feature Request]: automated a11y tests with cypress-axe

[ilhan007]

Feature Request Description

Background

cypress-axe is a plugin for Cypress that integrates Axe-core, an accessibility testing engine, to automate web accessibility testing. It allows developers to run accessibility checks within their end-to-end Cypress tests, identify WCAG violations

As a developer,
I would like to be able to run a11y tests to check the a11y state of the components
to ensure their best quality.

Proposed Solution

For a first step manual on-demand run and simple report is completely enough.
On a second step, we can schedule regular runs.

Proposed Alternatives

No response

Organization

No response

Additional Context

No response

Priority

None

Privacy Policy

• I’m not disclosing any internal or sensitive information.

[nnaydenow]

After syncing with accessibility experts, the following steps need to be taken:

• Implement a reporting mechanism for manually preprocessing all accessibility issues, as some require validation.
• Write accessibility tests separately to ensure comprehensive coverage, since testing accessibility only at the end may overlook certain scenarios. Additionally, Axe Core requires specific configurations in some cases due to browser limitations.

[nnaydenow]

cypress-axe setup is merged into the main branch with: #11128.

Follow-up task this to be presented to the accessibility experts and to add more tests.