wcag-audit-patterns
Audits websites for accessibility compliance and remediation.
Install
mkdir -p .claude/skills/wcag-audit-patterns-mk-knight23 && curl -L -o skill.zip "https://agentskills.codes/api/skills/download/17148" && unzip -o skill.zip -d .claude/skills/wcag-audit-patterns-mk-knight23 && rm skill.zipInstalls to .claude/skills/wcag-audit-patterns-mk-knight23
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.
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.Key capabilities
- →Run automated accessibility scans using tools like axe, Lighthouse, and WAVE
- →Perform manual accessibility checks including keyboard navigation and screen reader flows
- →Map identified issues to specific WCAG criteria and severity levels
- →Provide remediation guidance for WCAG violations
- →Re-test fixes and document residual risk and compliance status
How it works
The skill combines automated scanning with manual verification to identify WCAG 2.2 violations, then provides mapping to criteria and remediation steps.
Inputs & outputs
When to use wcag-audit-patterns
- →Audit website accessibility
- →Fix UI compliance issues
- →Verify screen reader flows
About this skill
WCAG Audit Patterns
Comprehensive guide to auditing web content against WCAG 2.2 guidelines with actionable remediation strategies.
Use this skill when
- Conducting accessibility audits
- Fixing WCAG violations
- Implementing accessible components
- Preparing for accessibility lawsuits
- Meeting ADA/Section 508 requirements
- Achieving VPAT compliance
Do not use this skill when
- You need legal advice or formal certification
- You only want a quick automated scan without manual verification
- You cannot access the UI or source for remediation work
Instructions
- Run automated scans (axe, Lighthouse, WAVE) to collect initial findings.
- Perform manual checks (keyboard navigation, focus order, screen reader flows).
- Map each issue to a WCAG criterion, severity, and remediation guidance.
- Re-test after fixes and document residual risk and compliance status.
Refer to resources/implementation-playbook.md for detailed patterns, checklists, and templates.
Safety
- Avoid claiming legal compliance without expert review.
- Keep evidence of test steps and results for audit trails.
Resources
resources/implementation-playbook.mdfor detailed patterns, checklists, and templates.
When not to use it
- →When legal advice or formal certification is needed
- →When only a quick automated scan without manual verification is desired
- →When access to the UI or source for remediation work is unavailable
Limitations
- →Cannot provide legal advice or formal certification
- →Requires manual verification in addition to automated scans
- →Requires access to UI or source code for remediation
How it compares
This approach integrates both automated and manual testing, offering a more thorough and nuanced assessment of accessibility compared to relying solely on automated tools.
Compared to similar skills
wcag-audit-patterns side by side with the closest alternatives in the catalog.
| Skill | Installs | Updated | Safety | Difficulty |
|---|---|---|---|---|
| wcag-audit-patterns (this skill) | 0 | 5mo | No flags | Intermediate |
| playwright-mcp | 33 | 7mo | No flags | Intermediate |
| ui-ux-expert-skill | 91 | 9mo | Review | Advanced |
| dev-browser | 53 | 5mo | Review | Intermediate |
Try saying
Example prompts that trigger this skill in your AI assistant.
More by mk-knight23
View all by mk-knight23 →You might also like
playwright-mcp
sfc-gh-dflippo
Browser testing, web scraping, and UI validation using Playwright MCP. Use this skill when you need to test Streamlit apps, validate web interfaces, test responsive design, check accessibility, or automate browser interactions through MCP tools.
ui-ux-expert-skill
fercracix33
Technical workflow for implementing accessible React user interfaces with shadcn/ui, Tailwind CSS, and TanStack Query. Includes 6-phase process with mandatory Style Guide compliance, Context7 best practices consultation, Chrome DevTools validation, and WCAG 2.1 AA accessibility standards. Use after Test Agent, Implementer, and Supabase agents complete their work.
dev-browser
SawyerHood
Browser automation with persistent page state. Use when users ask to navigate websites, fill forms, take screenshots, extract web data, test web apps, or automate browser workflows. Trigger phrases include "go to [url]", "click on", "fill out the form", "take a screenshot", "scrape", "automate", "test the website", "log into", or any browser interaction request.
accessibility
tech-leads-club
Audit and improve web accessibility following WCAG 2.1 guidelines. Use when asked to "improve accessibility", "a11y audit", "WCAG compliance", "screen reader support", "keyboard navigation", or "make accessible".
ios-simulator-skill
conorluddy
21 production-ready scripts for iOS app testing, building, and automation. Provides semantic UI navigation, build automation, accessibility testing, and simulator lifecycle management. Optimized for AI agents with minimal token output.
chrome-devtools
mrgoonie
Browser automation, debugging, and performance analysis using Puppeteer CLI scripts. Use for automating browsers, taking screenshots, analyzing performance, monitoring network traffic, web scraping, form automation, and JavaScript debugging.