DEV Community

Cover image for WICK-A11Y VIDEO TUTORIAL: Mastering Accessibility Testing in Cypress
Sebastian Clavijo Suero
Sebastian Clavijo Suero

Posted on • Edited on

3 2 1 2 1

WICK-A11Y VIDEO TUTORIAL: Mastering Accessibility Testing in Cypress

Hi QA friends!
I'm thrilled to share that my video tutorial for the wick-a11y plugin is now live on my brand new YouTube channel. This comprehensive guide covers everything you need to master accessibility tests using the wick-a11y plugin in your Cypress projects. 🚀

Check it out here: https://www.youtube.com/watch?v=WpdrXU-6xzc

All examples from the video are available in the GitHub repository: https://github.com/sclavijosuero/wick-a11y-sample-project

You can also find the slides from the tutorial presentation as a PDF in the same repository at: https://github.com/sclavijosuero/wick-a11y-sample-project/blob/main/tutorial-slides/wick-a11y-video-tutorial.pdf


TUTORIAL CONTENT

0.1- WEB accessibility
0.2- Why to automate accessibility tests?
0.3- What’s wick-a11y?
0.4- Our target webpage
1- Install wick-a11y in Cypress
2- Configure wick-a11y
3- First test with wick-a11y
4- HTML report results
5- wick-a11y API
6- Test specifying context
7- Test specifying impact severity
8- Test specifying rules tags
9- Disabling color contrast
10- Disabling HTML report
11- Custom styles for impact severity
12- Accessibility voice feedback
13- CI/CD configuration
Bonus- Related Blogs & Videos

52 minutes of good stuff!!


I hope you find this video insightful and that it highlights the power of the wick-a11y plugin. Please let me know your thoughts by leaving comments or reactions on this blog post or on the YouTube video. 😄

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

Image of Datadog

The Essential Toolkit for Front-end Developers

Take a user-centric approach to front-end monitoring that evolves alongside increasingly complex frameworks and single-page applications.

Get The Kit

Top comments (0)

Sentry image

See why 4M developers consider Sentry, “not bad.”

Fixing code doesn’t have to be the worst part of your day. Learn how Sentry can help.

Learn more

👋 Kindness is contagious

Please leave a ❤️ or a friendly comment on this post if you found it helpful!

Okay