DEV Community

Cover image for WICK-A11Y v2.3.0: A Dazzling New Report, WCAG 2.2 AAA, and More Goodies
Sebastian Clavijo Suero
Sebastian Clavijo Suero

Posted on

WICK-A11Y v2.3.0: A Dazzling New Report, WCAG 2.2 AAA, and More Goodies

ACT 1: EXPOSITION

Yes, it was time to make a major improvement to the cooler plugin at the Round Table: the wicked 'Mr. Wick-A11y'.

So I’m not going to bore you with blah, blah, blah 📜📜📜,... let’s get straight to the point. 🎯


ACT 2: CONFRONTATION

There are a bunch of cool new features!

 

Support of WCAG 2.2 AAA

Yep, we've got the whole enchilada, enabling accessibility analyses all the way up to WCAG 2.2 AAA (whatever axe-core® supports).

Image from https://www.sweans.com

 

Mega Revamp of the HTML Report

  • Improved design and usability.
  • Fully mobile-responsive.
  • The report itself is WCAG 2.2 AAA compliant (or as close as possible).
  • Full keyboard navigation (no mouse required). 🚫🐭

Want proof?

Okay, this is what the old report looked like:

 

And this is the design of the new, dazzling report:

Pretty sassy, eh? That’s a mood!

 

Improved Reported Selectors

Uses data-cy, data-testid, data-test, data-qa, and data-test-id selectors for accessibility violations when available.

 

Cypress v15+

Supercharged Cypress support! WICK-A11Y v2.2.0+ now fully embraces Cypress v15.0.0+ powerful new features and its improved Cypress runner.

Image from https://www.cypress.io/blog


ACT3: RESOLUTION (wick-a11y 2.3.0)

 

Final word from our friend Wick: WCAG 2.2 AAA locked, HTML revamp in place, and a report that seals the deal. The web just got upgraded. The web just got upgraded.

You find it here https://www.npmjs.com/package/wick-a11y, and here https://github.com/sclavijosuero/wick-a11y!

Cheers, my QA friends!


Come on, friend! Follow me, leave a comment, or leave a reaction. Please don’t be shy! ❤️ 🦄 🤯 🙌 🔥

Also on my new YouTube channel: https://www.youtube.com/@SebastianClavijoSuero

Want to support my work? Buy me a coffee or chip in for a training, so I can keep learning and sharing cool stuff. Thanks for the support!

Buy Me A Coffee

Top comments (0)