a11y-audit

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

Updated Nov 3, 2016
One-click install
npx skills add https://github.com/xleliberty/mydotfiles --skill a11y-audit-xleliberty
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: a11y-audit
Source: https://github.com/xleliberty/mydotfiles/tree/main/.config/.claude/plugins/cache/claude-code-skills/engineering-skills/2.1.2/a11y-audit
Command: npx skills add https://github.com/xleliberty/mydotfiles --skill a11y-audit-xleliberty

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

This skill addresses the complexity of maintaining web accessibility by automating the detection of WCAG 2.2 Level A and AA violations and providing actionable, framework-specific code fixes.

Core Features & Use Cases

  • Automated Scanning: Detects over 20 types of accessibility violations across React, Vue, Angular, Svelte, and HTML codebases.
  • Remediation: Generates precise before-and-after code diffs to resolve issues like missing alt text, poor color contrast, and keyboard navigation barriers.
  • Use Case: Integrate this skill into your CI/CD pipeline to automatically scan your frontend project for critical accessibility regressions before every deployment.

Quick Start

Use the a11y-audit skill to scan the current project directory for accessibility violations and generate a summary report.

Frequently Asked Questions about a11y-audit

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

FAQPage Schema
How do I automate WCAG 2.2 accessibility audits for my React or Vue codebase?

Automate WCAG 2.2 accessibility audits by scanning your frontend codebase to detect over 20 types of Level A and AA violations. It supports React, Vue, Angular, Svelte, and HTML, providing actionable code diffs to resolve issues like missing alt text and poor color contrast.

Can I integrate a11y scanning into my CI/CD pipeline to prevent accessibility regressions?

Yes, you can integrate a11y scanning into your CI/CD pipeline to automatically scan your frontend project for critical accessibility regressions before deployment. This ensures continuous compliance and prevents violations from reaching production across supported frameworks.

What is the best way to fix keyboard navigation barriers and missing ARIA attributes in modern web apps?

Fix keyboard navigation barriers and missing ARIA attributes by generating precise before-and-after code diffs. The process identifies WCAG 2.2 violations and provides framework-specific remediation code to resolve accessibility issues across your modern frontend application.

Does this accessibility compliance tool work with Next.js and Svelte projects?

Yes, this accessibility compliance tool works with Next.js and Svelte projects, alongside React, Vue, Angular, and standard HTML. It provides framework-specific code generation to scan, fix, and verify WCAG 2.2 compliance across these environments.

What types of WCAG 2.2 Level A and AA violations can an automated frontend audit detect?

An automated frontend audit can detect over 20 types of WCAG 2.2 Level A and AA violations, including missing alt text, poor color contrast, and keyboard navigation barriers. It scans your codebase to identify these issues and generates precise code fixes for remediation.