Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

a11y: Create Accessibility test suite using Cypress #8986

Open
Tracked by #9392
scures opened this issue May 25, 2023 · 1 comment · May be fixed by #12900
Open
Tracked by #9392

a11y: Create Accessibility test suite using Cypress #8986

scures opened this issue May 25, 2023 · 1 comment · May be fixed by #12900

Comments

@scures
Copy link
Contributor

scures commented May 25, 2023

Is your feature request related to a problem? Please describe.

We're looking at working on accessibility issues, such as #7968

Describe the solution you'd like

It's important that once the changes are made, we implement some a11y tests to make sure no new issues are introduced.
Since we already use Cypress for E2E testing, we could make use of the AXE plugin which allows to test for some WCAG standards such as color-contrast, heading-order, image-alt & `label.
The first step would by to get the configuration ready to write those tests.

There is an Axe plugin for Cypress and also one from IBM (https://www.npmjs.com/package/cypress-accessibility-checker)

Also see: https://www.deque.com/blog/how-to-test-for-accessibility-with-cypress/

Additional context

AXE: The Standard in Accessibility Testing
WCAG: Web Content Accessibility Guidelines (WCAG) 2.1 covers a wide range of recommendations for making Web content more accessible.

@scures scures self-assigned this May 31, 2023
@bisht-richa bisht-richa mentioned this issue Jul 20, 2023
@bisht-richa bisht-richa added this to the v2.8.next4 milestone Jul 26, 2023
@bisht-richa bisht-richa mentioned this issue Jul 31, 2023
@kwwii kwwii modified the milestones: v2.8.0, v2.8.next1 Sep 27, 2023
@samjustus samjustus added the team/area1 Team Neo label Oct 2, 2023
@nwmac nwmac added the QA/manual-test Indicates issue requires manually testing label Jan 30, 2024
@nwmac nwmac modified the milestones: v2.9.0, v2.10.0 May 22, 2024
@nwmac nwmac modified the milestones: v2.10.0, v2.11.0 Jul 4, 2024
@nwmac nwmac modified the milestones: v2.10.0, v2.11.0 Oct 10, 2024
@nwmac nwmac modified the milestones: v2.12.0, v2.11.0 Nov 1, 2024
@nwmac nwmac added QA/None and removed QA/manual-test Indicates issue requires manually testing team/area1 Team Neo labels Dec 4, 2024
@nwmac nwmac changed the title a11y test: preparation a11y: Create Accessibility test suite using Cypress and Axe Dec 4, 2024
@nwmac nwmac changed the title a11y: Create Accessibility test suite using Cypress and Axe a11y: Create Accessibility test suite using Cypress Dec 4, 2024
@nwmac nwmac added the size/2 Size Estimate 2 label Dec 4, 2024
@aalves08
Copy link
Member

This PR #12900 fits the issue

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment