accessibility-audit

Audit web UI codebases for WCAG 2.1 AA compliance and generate remediation reports.

Updated Apr 1, 2026
One-click install
npx skills add https://github.com/hpsgd/claude-marketplace --skill accessibility-audit-hpsgd
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: accessibility-audit
Source: https://github.com/hpsgd/claude-marketplace/tree/main/plugins/product/ui-designer/skills/accessibility-audit
Command: npx skills add https://github.com/hpsgd/claude-marketplace --skill accessibility-audit-hpsgd

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Audit a component, page, or codebase for WCAG 2.1 AA accessibility compliance.

Core Features & Use Cases

  • Automated pattern detection to identify common WCAG violations across HTML/CSS/JS.
  • Severity classification and prioritized remediation recommendations.
  • Comprehensive, structured reports mapping issues to WCAG criteria with actionable steps.
  • Manual checklist alignment and guidance to support manual testing by accessibility professionals.

Quick Start

Provide the target component, page, or directory to audit for WCAG 2.1 AA conformance.

Frequently Asked Questions about accessibility-audit

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

FAQPage Schema
How do I audit my web UI codebase for WCAG 2.1 AA accessibility compliance?

To audit for WCAG accessibility compliance, provide your target component, page, or directory. The tool analyzes HTML, CSS, and JS to detect common violations using automated pattern checks and generates a structured report with actionable remediation steps.

What is WCAG 2.1 AA accessibility auditing and how does automated pattern detection work?

WCAG 2.1 AA accessibility auditing evaluates web interfaces against standardized criteria. Automated pattern detection scans HTML, CSS, and JS code to identify common compliance violations, mapping them to specific WCAG criteria with severity classifications for prioritized remediation.

Can I use this accessibility audit on my entire design system or just individual components?

You can audit an entire design system, individual components, or specific pages. The accessibility audit scales to analyze your HTML, CSS, and JS codebase, applying automated WCAG checks across the provided directory or file scope.

Does the accessibility report include severity classification and concrete remediation steps?

Yes, the accessibility audit report includes severity classification and concrete remediation steps. It produces a comprehensive, structured report mapping identified issues directly to WCAG criteria, prioritizing fixes to help developers resolve accessibility violations efficiently.

What is the best way to fix identified WCAG violations in my frontend code?

The best way to fix WCAG violations is to follow the structured report's prioritized remediation recommendations. The audit maps detected issues to specific WCAG criteria, provides severity classifications, and outlines concrete steps to correct the HTML, CSS, and JS patterns.

Are there limitations to automated WCAG checks, and do I still need manual accessibility testing?

Automated WCAG checks identify common pattern violations but cannot catch every issue. The audit provides manual checklist alignment and guidance to support manual testing by accessibility professionals, ensuring comprehensive conformance beyond automated detection.