This article is about Accessibility Testing and how to automate it using Playwright with Typescript.
What is Accessibility Testing?
Accessibility testing is a type of software testing process that verifies whether the website or web application is usable by every person who may or may not have disabilities.
It makes sure that the user can access the website content without any physical interactions like without using the computer keyboard or a mouse and touchpad!
Accessibility is also abbreviated as A11Y. Accessibility’s standard rules are derived by WCAG(Web Content Accessibility Guidelines Web Content Accessibility Guidelines (WCAG) 2.1 (w3.org))
About WCAG :
Web Content Accessibility Guidelines (WCAG) 2.1 defines how to make Web content more accessible to people with disabilities. Accessibility involves a wide range of disabilities, including visual, auditory, physical, speech, cognitive, language, learning, and neurological disabilities.
WCAG 2.1 is developed through the W3C process in cooperation with individuals and organizations around the world, with a goal of providing a shared standard for Web content accessibility that meets the needs of individuals, organizations, and governments internationally.
About axe-core manual testing
Automated accessibility tests can detect some common accessibility problems such as missing or invalid properties. But many accessibility problems can only be discovered through manual testing. It is better to use a combination of automated testing, manual accessibility assessments, and inclusive user testing. For manual assessments, Accessibility Insights for Web, a free and open source dev tool that walks through assessing a website for WCAG 2.1 AA coverage.
Accessibility Testing using Playwright :
We can automate Accessibility testing using Playwright.
A few examples of problems this can catch include:
· Text that would be hard to read for users with vision impairments due to poor color contrast with the background behind it
