Add accessibility checks to your Playwright end-to-end tests
AI Summary
This video demonstrates how to integrate Google’s Lighthouse accessibility checks into Playwright end-to-end tests. It starts by explaining Lighthouse’s accessibility violations and how they relate to the underlying Axe core library used by Lighthouse. The video walks through using the xcore-playwright package to run Axe accessibility audits directly in Playwright tests, ensuring accessibility compliance during automated testing. The presenter shows how to run the audit, interpret the violations, and configure it to match Lighthouse’s default rules. Additionally, it covers improving test report readability by grouping accessibility checks into test steps. The video concludes by demonstrating how to use the same accessibility checks in Checkly synthetic monitoring to continuously monitor accessibility issues, such as missing alt text in images, on live web pages.