The QAvenue

Project1

Title:

Automated Accessibility Auditor (a11y-demo)

Problem Statement:

Many websites still fail to meet basic WCAG 2.1 accessibility guidelines, creating barriers for users with disabilities. Without automated testing, accessibility issues such as missing alt text, low color contrast, and poor form labeling often go unnoticed during development.

Description:

This project demonstrates an automated accessibility testing workflow. A demo website is scanned using Google Lighthouse to generate an accessibility report. The results are then processed by an automation workflow built with n8n, which extracts the accessibility score and sends a report via Gmail.

Example of common accessibility issues tested, including missing alt text, low color contrast, unclear links, keyboard navigation problems, and missing form labels with WCAG references

Tech Stack:

    • GitHub Pages

    • Lighthouse

    • WCAG 2.1

    • n8n

    •  Gmail 

Architecture Diagram:

Accessibility testing architecture using Lighthouse CLI, n8n workflow, and email reporting

Flow Diagram:

Accessibility testing flow diagram showing Lighthouse audit, JSON report generation, issue extraction, formatting, and email notification

Repository Github:

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