Project9

Title:

WCAG Accessibility Testing using Lighthouse +Python + Playwright

Description:

Performed accessibility testing on a real website using Lighthouse to detect issues and Playwright to validate user interactions such as keyboard navigation, focus visibility, and form usability. Results were mapped to official WCAG 2.1 success criteria and conformance levels (A,A and AA).

Tech Stack:

Playwright (TypeScript)

Lighthouse CLI

Python (WCAG classification)

Node.js

Demo Website

https://projects.accesscomputing.uw.edu/au/before.html

Architecture:

Accessibility testing architecture using Lighthouse, Python, and Playwright

Flow Diagram:

Accessibility testing flow diagram using Lighthouse and Playwright

What it Demonstrates:

Understanding of WCAG 2.1 (A & AA)

Ability to map issues to official success criteria

Use of Lighthouse for automated detection

Use of Playwright for real user interaction validation

QA mindset: detection + validation

End-to-end accessibility testing approach

Repository Github:

Interested in this skill? reach out via the contact form on TheQAvenue.com.

Lighthouse:

Lighthouse accessibility report showing missing alt attributes issue

WCAG compliance report generated by Python script showing classified accessibility issues

Playwright Report:

Playwright report showing 3 accessibility test cases passed