Automated Accessibility Testing With Axe
We recommend and already have support within Playwright for Axe and Cypress for Axe!
Axe: Accessibility testing
From the Dequeue family of products, we are using aXe for accessibility testing. When developing, we expect to support WCAG 2.1 Level AA ["wcag21aa"] at a minimum.
aXe tests are performed on two levels:
- Rendering the React component and testing with Jest.
- Rendering the entire page and testing with Cypress.
Both examples are in the scaffolded web app templates: Stacks Webapp Template
Cypress: Debugging Axe failures
When accessibility violations are detected, your test will fail and an entry titled "A11Y ERROR!" will be added to the command log for each type of violation found (they will be above the failed assertion). Clicking on those will reveal more specifics about the error in the DevTools console. Source: cypress-axe#standard-output
For information on how to fix the failure, follow the HelpUrl printed to the console.
