S
Sebastian Clavijo Suero
Guest
(Cover image from pexels.com by Bruna Sonore)
It has been just over a year since the WICK-A11Y openโsource accessibility plugin for Cypress saw the light, and became one of the most powerful and beloved tools in the Cypress community for fighting accessibility barriers in web apps.
Since then, there have been 14 releases, keeping the plugin at the top of accessibility tooling for Cypress test frameworks.
(Image from pexels.com by icon0 com)
And now, the brandโnew wickโa11y v2.2.0 is fully supported in Cypress v15, just 10 days after the new Cypress version was officially released.
Thatโs because I saw this coming even before Cypress 15 dropped. I already knew two things:
As of Aug 30, 2025, WickโA11y v2.2.0 is live for Cypress v15.
Basically 3 things:
Still looks very cool, probably even cooler!
Cypress Log and Interactive console
HTML Report
Voice Feedback
Just install the new wick-a11y v2.2.0 as a Dev Dependency in your Cypress v15 project (a new project or an existing one):
Wickโa11y v2.2.0 is for Cypress v15+ projects, due to voiceโfeedback dependencies on the new Cypress Runner UI.
Use wickโa11y v2.1.0 for Cypress v14.x, which includes the latest patches and features for that line.
And wickโa11y v1.4.0 or earlier for Cypress v12.x & v13.x.
Now you have no excuse not to incorporate accessibility analysis into your Cypress v15 projects, because wickโa11y v2.2.0 is:
Where to find:
Also, I want to give a special thanks to Peter M Souza Jr for his continuous contributions to keeping wickโa11y robust and reliable.
You rock, man!
I'd love to hear from you! Please don't forget to follow me, leave a comment, or a reaction if you found this article useful or insightful.
You can also connect with me on my new YouTube channel: https://www.youtube.com/@SebastianClavijoSuero
If you'd like to support my work, consider buying me a coffee or contributing to a training session, so I can keep learning and sharing cool stuff with all of you.
Thank you for your support!
Continue reading...
ACT 1: EXPOSITION
It has been just over a year since the WICK-A11Y openโsource accessibility plugin for Cypress saw the light, and became one of the most powerful and beloved tools in the Cypress community for fighting accessibility barriers in web apps.
Since then, there have been 14 releases, keeping the plugin at the top of accessibility tooling for Cypress test frameworks.
(Image from pexels.com by icon0 com)
And now, the brandโnew wickโa11y v2.2.0 is fully supported in Cypress v15, just 10 days after the new Cypress version was officially released.
Thatโs because I saw this coming even before Cypress 15 dropped. I already knew two things:
The latest cypressโaxe v1.6.0 supported up to Cypress 14, so a new release of the library was likely imminent (they typically keep pace with the latest Cypress within days).
The Cypress Runner UX was going to change, and to keep wickโa11yโs voiceโfeedback feature working, I would need to dive back into the Runner UI.
As of Aug 30, 2025, WickโA11y v2.2.0 is live for Cypress v15.
ACT 2: CONFRONTATION
What's new?
Basically 3 things:
All the existing wick-a11y capabilities are fully supported in Cypress v15:
- Comprehensive Accessibility Analysis
- Easy to Use and Highly Configurable
- Summary of Violations
- Detailed Violation Information
- Custom Styling
- Interactive Console
- HTML Reports
- Terminal Reports
- Voice Feedback
Support for cypress-axe v1.7.0.
Bug fixes:
- Fixed an issue where violation screenshots could not be copied to the HTML report folder when test folders were deeply nested.
- Other minor fixes.
What's look like?
Still looks very cool, probably even cooler!
Cypress Log and Interactive console
HTML Report
Voice Feedback
How to use it?
Just install the new wick-a11y v2.2.0 as a Dev Dependency in your Cypress v15 project (a new project or an existing one):
Code:
npm install wick-a11y -D
Compatibility?
Wickโa11y v2.2.0 is for Cypress v15+ projects, due to voiceโfeedback dependencies on the new Cypress Runner UI. Use wickโa11y v2.1.0 for Cypress v14.x, which includes the latest patches and features for that line. And wickโa11y v1.4.0 or earlier for Cypress v12.x & v13.x.ACT3: RESOLUTION
Now you have no excuse not to incorporate accessibility analysis into your Cypress v15 projects, because wickโa11y v2.2.0 is:
More amazing than a flaky test turning green on the first try.
Cooler than John Wick in a tailored Kevlar suit tipping the Continental concierge.
More powerful than a High Table decree.
And kinder to screen readers than a perfectly labeled form, because thatโs exactly what youโll ship (or quite close).
Where to find:
- npm: https://www.npmjs.com/package/wick-a11y
- Github: https://github.com/sclavijosuero/wick-a11y
- Video Tutorial:
Also, I want to give a special thanks to Peter M Souza Jr for his continuous contributions to keeping wickโa11y robust and reliable.You rock, man!
I'd love to hear from you! Please don't forget to follow me, leave a comment, or a reaction if you found this article useful or insightful.
You can also connect with me on my new YouTube channel: https://www.youtube.com/@SebastianClavijoSuero
If you'd like to support my work, consider buying me a coffee or contributing to a training session, so I can keep learning and sharing cool stuff with all of you.
Thank you for your support!
Continue reading...
