Agent skill · design visual · wshobson
wcag-audit-patterns
Conduct WCAG 2.2 accessibility audits with automated testing, manual verification, and remediation guidance. Use when auditing websites for accessibility, fixing WCAG violations, or implementing accessible design patterns.
Why this skill is useful
Provides specific WCAG 2.2 compliance patterns and remediation strategies that the AI wouldn't reliably generate on its own.
What it needs
About 1k tokens when loaded. Last updated 2026-08-05. 38,570 stars on the source repository.
What this skill does
WCAG Audit Patterns Comprehensive guide to auditing web content against WCAG 2.2 guidelines with actionable remediation strategies. When to Use This Skill Conducting accessibility audits Fixing WCAG violations Implementing accessible components Preparing for accessibility lawsuits Meeting ADA/Section 508 requirements Achieving VPAT compliance Core Concepts 1. WCAG Conformance Levels Level Description Required For ------- ---------------------- ----------------- A Minimum accessibility Legal baseline AA Standard conformance Most regulations AAA Enhanced accessibility Specialized needs 2. POUR Principles 3. Common Violations by Impact Detailed patterns and worked examples Detailed pattern documentation lives in references/details.md. Read that file when the navigation tier above is insufficient. Best Practices Do's Start early - Accessibility from design phase Test with real users - Disabled users provide best feedback Automate what you can - 30-50% issues detectable Use semantic HTML - Reduces ARIA needs Document patterns - Build accessible component library Don'ts Don't rely only on automated testing - Manual testing required Don't use ARIA as first solution - Native HTML first Don't hide focus outlines - Keyboard users need them Don't disable zoom - Users need to resize Don't use color alone - Multiple indicators needed
How to use it
Reference it in AdaL, Claude Code, Cursor or any coding agent — nothing to install:
@skills wshobson/wcag-audit-patterns