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!
Top comments (0)