Wcag Audit Patterns

A comprehensive WCAG 2.2 audit framework that walks you through systematic accessibility testing with specific checklists for each conformance level. It covers the full spectrum from automated contrast checking to manual keyboard navigation testing, complete with code examples for common violations like missing alt text, improper focus management, and insufficient color contrast. The structured approach breaks down complex accessibility requirements into actionable items you can actually check off. Really useful when you need to prepare VPAT documentation or remediate accessibility issues before legal deadlines. The code snippets for proper ARIA implementation and CSS focus styles alone make it worth having in your toolkit.

skills.sh installs: 13K
GitHub stars: 42.4K
last updated: Aug 21, 2026

View on GitHub

Install

$ npx -y skills add wshobson/agents --skill wcag-audit-patterns --agent claude-code

Installs into .claude/skills of the current project.

Files

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

Perceivable:  Can users perceive the content?
Operable:     Can users operate the interface?
Understandable: Can users understand the content?
Robust:       Does it work with assistive tech?

3. Common Violations by Impact

Critical (Blockers):
├── Missing alt text for functional images
├── No keyboard access to interactive elements
├── Missing form labels
└── Auto-playing media without controls

SKILL.md on GitHub