skills.rest
devCharuzu
devCharuzuCOMMUNITY
Explore all skills by this author →
GitHub

a11y-audit

Scan web codebases for WCAG 2.2 violations and generate fixes.

Updated Apr 16, 2026
Search Tags:#accessibility#a11y#audit#wcag#ci-cd#aria#framework-patterns
One-click install
npx skills add https://github.com/devCharuzu/philfida-taskmanage --skill a11y-audit-devcharuzu
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: a11y-audit
Source: https://github.com/devCharuzu/philfida-taskmanage/tree/main/.windsurf/skills/a11y-audit
Command: npx skills add https://github.com/devCharuzu/philfida-taskmanage --skill a11y-audit-devcharuzu

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

The a11y-audit skill automates the detection and remediation of WCAG 2.2 Level A and AA issues across React, Next.js, Vue, Angular, Svelte, and plain HTML codebases, helping teams ship accessible software faster.

Core Features & Use Cases

  • Scans codebases to identify WCAG 2.2 Level A and AA violations with framework-specific context.
  • Generates precise before/after fixes for each issue across supported frameworks and produces stakeholder-ready reports.
  • Integrates into CI/CD pipelines (GitHub Actions, GitLab CI, Azure DevOps) to prevent accessibility regressions and improve QA coverage.
  • Validates ARIA usage, color contrast, keyboard navigation, and semantic HTML patterns to improve overall accessibility quality.

Quick Start

Run an end-to-end accessibility audit on your project to reveal, fix, and validate WCAG 2.2 issues.

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 web application for WCAG 2.2 Level A and AA violations?▼

To audit web applications for WCAG 2.2 Level A and AA violations, scan your codebase to identify accessibility issues with framework-specific context, validate ARIA usage, check color contrast, and generate stakeholder-ready reports with actionable before/after fixes.

Can I run an accessibility audit across React, Next.js, and Vue codebases?▼

Yes, you can run accessibility audits across React, Next.js, Vue, Angular, Svelte, and plain HTML codebases. The scan identifies WCAG violations with framework-specific context and generates precise fixes tailored to your specific frontend framework.

How do I fix ARIA validation and color contrast issues in my frontend code?▼

Fix ARIA validation and color contrast issues by scanning your codebase to detect WCAG violations, then applying the generated before/after fixes. The scan validates ARIA usage, checks contrast ratios, and provides framework-aware remediation patterns.

What is the best way to prevent accessibility regressions in continuous integration?▼

The best way to prevent accessibility regressions in continuous integration is integrating automated WCAG 2.2 scanning into your CI/CD pipelines. This enforces strict ARIA validation and semantic HTML checks on every code push.

Does this accessibility audit tool work with plain HTML and Svelte projects?▼

Yes, this accessibility audit tool works with plain HTML and Svelte projects, alongside React, Next.js, Vue, and Angular. It scans for WCAG 2.2 Level A and AA violations and provides framework-aware fixes across all supported platforms.

Related Skills

Explore More Software Engineering Skills→
89jobrien89jobrien
4

web-accessibility

Audit web content for WCAG 2.1/2.2 conformance and accessibility issues.

Community
Advanced
tsuji-tomonoritsuji-tomonori

a11y-ci-gating

Automate accessibility testing in CI/CD pipelines with quality gates.

Community
Advanced
kennedym-dskennedym-ds
14

accessibility-wcag

Evaluate and implement WCAG 2.1 AA accessibility patterns for frontend web development.

Community
Advanced
kimmyxpowkimmyxpow

wcag-audit-patterns

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

Community
Advanced