DEV Community

Cover image for WICK-A11Y v2.2.0 x CYPRESS v15: Parabellum for Axe-ssibility Barriers
Sebastian Clavijo Suero
Sebastian Clavijo Suero

Posted on

WICK-A11Y v2.2.0 x CYPRESS v15: Parabellum for Axe-ssibility Barriers

(Cover image from pexels.com by Bruna Sonore)
 

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:

  1. 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
  2. Support for cypress-axe v1.7.0.

  3. 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):

npm install wick-a11y -D
Enter fullscreen mode Exit fullscreen mode

 

⚙️ 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:

⭐⭐⭐ 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!
Buy Me A Coffee

Top comments (0)