Scans and repairs accessibility violations in React, Vue, Svelte, and HTML codebases.

Install

mkdir -p .claude/skills/a11y-audit && curl -L -o skill.zip "https://agentskills.codes/api/skills/download/14371" && unzip -o skill.zip -d .claude/skills/a11y-audit && rm skill.zip

Installs to .claude/skills/a11y-audit

Activation

This is the description your AI agent reads to decide when to run this skill — the better it matches your request, the more reliably it fires.

Accessibility audit skill for scanning, fixing, and verifying WCAG 2.2 Level A and AA compliance across React, Next.js, Vue, Angular, Svelte, and plain HTML codebases. Use when auditing accessibility, fixing a11y violations, checking color contrast, generating compliance reports, or integrating accessibility checks into CI/CD pipelines.
338 chars✓ has a “when” triggerlonger than Claude Code's old 250-char listing cap (fine on current versions)
Intermediate

Key capabilities

  • →Scan codebases for WCAG 2.2 Level A and AA violations.
  • →Generate framework-specific code fixes for identified accessibility issues.
  • →Verify that applied fixes resolve violations and do not introduce regressions.
  • →Produce compliance reports for stakeholders.
  • →Integrate accessibility checks into CI/CD pipelines.
  • →Analyze color contrast and suggest accessible alternatives.

How it works

The skill scans a codebase, identifies WCAG 2.2 Level A and AA violations, then generates and verifies framework-specific code fixes. It also produces reports and integrates into CI/CD pipelines.

Inputs & outputs

You give it
A codebase (React, Next.js, Vue, Angular, Svelte, or plain HTML) or specific color values.
You get back
Categorized WCAG 2.2 violations, framework-specific code fixes, and compliance reports.

When to use a11y-audit

  • →Scan site for a11y issues
  • →Fix color contrast errors
  • →Verify ARIA labels

About a11y-audit

Identifies accessibility violations, generates exact code fixes per framework, and provides compliance reports for WCAG 2.2 Level A/AA standards.

Accessibility audit skill for scanning, fixing, and verifying WCAG 2.2 Level A and AA compliance across React, Next.js, Vue, Angular, Svelte, and plain HTML codebases. Use when auditing accessibility, fixing a11y violations, checking color contrast, generating compliance reports, or integrating acce

When not to use it

  • →When auditing against WCAG versions other than 2.2.
  • →When auditing for WCAG Level AAA compliance.

Prerequisites

Python 3.8+

Limitations

  • →Limited to WCAG 2.2 Level A and AA compliance.
  • →Requires Python 3.8+ to operate.

How it compares

This skill provides exact framework-specific code fixes for accessibility violations, unlike generic tools that offer general HTML advice.

Compared to similar skills

a11y-audit side by side with the closest alternatives in the catalog.

SkillInstallsUpdatedSafetyDifficulty
a11y-audit (this skill)06moReviewIntermediate
roier-seo48moReviewIntermediate
frontend-developer06moNo flagsIntermediate
ui04moNo flagsBeginner

Try saying

Example prompts that trigger this skill in your AI assistant.

Search skills

Search the agent skills registry