DEV Community

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

Posted 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. 😄

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

Cheers!

Image of AssemblyAI tool

Challenge Submission: SpeechCraft - AI-Powered Speech Analysis for Better Communication

SpeechCraft is an advanced real-time speech analytics platform that transforms spoken words into actionable insights. Using cutting-edge AI technology from AssemblyAI, it provides instant transcription while analyzing multiple dimensions of speech performance.

Read full post

Top comments (0)

Billboard image

The Next Generation Developer Platform

Coherence is the first Platform-as-a-Service you can control. Unlike "black-box" platforms that are opinionated about the infra you can deploy, Coherence is powered by CNC, the open-source IaC framework, which offers limitless customization.

Learn more

👋 Kindness is contagious

Immerse yourself in a wealth of knowledge with this piece, supported by the inclusive DEV Community—every developer, no matter where they are in their journey, is invited to contribute to our collective wisdom.

A simple “thank you” goes a long way—express your gratitude below in the comments!

Gathering insights enriches our journey on DEV and fortifies our community ties. Did you find this article valuable? Taking a moment to thank the author can have a significant impact.

Okay