skills.rest
Patasse97
Patasse97COMMUNITY
Explore all skills by this author →
GitHub

a11y-audit

Identify WCAG 2.2 violations in frontend projects and generate remediation guidance.

Updated Apr 9, 2026
Search Tags:#a11y#frontend#audit#reporting#ci-cd#wcag-22
One-click install
npx skills add https://github.com/Patasse97/claude-skills --skill a11y-audit-patasse97
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: a11y-audit
Source: https://github.com/Patasse97/claude-skills/tree/main/engineering-team/a11y-audit
Command: npx skills add https://github.com/Patasse97/claude-skills --skill a11y-audit-patasse97

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) and assets (resource) components.

What problem does it solve?

Frontend teams struggle to ensure WCAG 2.2 compliance across modern frameworks, leading to accessibility gaps and compliance risk.

Core Features & Use Cases

  • Scans React, Next.js, Vue, Angular, Svelte, and plain HTML projects for WCAG 2.2 Level A and AA violations.
  • Provides framework-specific before/after fixes and generates stakeholder-ready audit reports.
  • Integrates into CI/CD pipelines and supports color-contrast analysis and remediation workflows.

Quick Start

Run a scan on your project to output a comprehensive accessibility report.

Frequently Asked Questions about a11y-audit

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I audit my frontend project for WCAG 2.2 accessibility violations?▼

To audit frontend projects for WCAG 2.2 accessibility violations, run a scan across React, Next.js, Vue, Angular, Svelte, or plain HTML. The Scan–Fix–Verify workflow identifies issues and outputs CI-ready remediation reports.

How do I fix WCAG 2.2 color-contrast issues in React and Vue components?▼

Fixing WCAG 2.2 color-contrast issues in React and Vue relies on framework-specific before-and-after code fixes generated by the audit. The scan detects contrast failures and provides precise remediation guidance tailored to your components.

Can I integrate accessibility audits into my CI/CD pipeline?▼

Yes, you can integrate accessibility audits into CI/CD pipelines. The scan produces CI-ready outputs and stakeholder-friendly reports, enabling automated WCAG 2.2 Level A and AA compliance checks during continuous deployment.

What is the best way to generate stakeholder-ready WCAG 2.2 compliance reports?▼

The best way to generate stakeholder-ready WCAG 2.2 compliance reports is running the end-to-end audit pipeline. It scans for Level A and AA violations, applies color-contrast checks, and outputs comprehensive documentation of accessibility gaps.

Does the WCAG 2.2 audit work with plain HTML or only modern frameworks?▼

The WCAG 2.2 audit works with both plain HTML and modern frameworks. It supports scanning React, Next.js, Vue, Angular, Svelte, and plain HTML projects, applying consistent accessibility checks across all frontend environments.

Related Skills

Explore More Software Engineering Skills→
devCharuzudevCharuzu

a11y-audit

Scan web codebases for WCAG 2.2 violations and generate fixes.

Community
Advanced
xlelibertyxleliberty

a11y-audit

Automate detection and remediation of WCAG 2.2 Level A and AA violations in frontend apps.

Community
Advanced
apexradiusapexradius

a11y-check

Audit web content accessibility against WCAG 2.2 AA standards.

Official
Advanced
kimmyxpowkimmyxpow

wcag-audit-patterns

Identify and remediate WCAG 2.2 accessibility violations with automated testing and checklists.

Community
Advanced