DEV Community

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

Posted on

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. πŸ˜„

Do not forget to subscribe to my new YouTube channel https://www.youtube.com/@SebastianClavijoSuero

Cheers!

Top comments (0)