Wcag Audit Patterns
Unverified●30/40Claude Code◐PartialHas SKILL.md but declares no allowed-tools — Claude Code will ask for permission each time
Cursor◐PartialPlain prose you can paste in — but no Cursor rules file
Codex◐PartialPlain prose you can paste in — but no AGENTS.md
Gemini CLI◐PartialPlain prose you can paste in
Copilot◐PartialPlain prose you can paste in — but no Copilot instructions file
npx agentalley add wcag-audit-patternsWho is stuck, and on what
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.
The whole source
Frontmatter — 2 properties
| name | wcag-audit-patterns |
|---|---|
| description | 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. |
| 1 | --- |
| 2 | name: wcag-audit-patterns |
| 3 | description: 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. |
| 4 | ---A5 — No allowed-tools declared — no way to tell what this skill may touch |
| 5 | |
| 6 | # WCAG Audit Patterns |
| 7 | |
| 8 | Comprehensive guide to auditing web content against WCAG 2.2 guidelines with actionable remediation strategies. |
| 9 | |
| 10 | ## When to Use This Skill |
| 11 | |
| 12 | - Conducting accessibility audits |
| 13 | - Fixing WCAG violations |
| 14 | - Implementing accessible components |
| 15 | - Preparing for accessibility lawsuits |
| 16 | - Meeting ADA/Section 508 requirements |
| 17 | - Achieving VPAT compliance |
| 18 | |
| 19 | ## Core Concepts |
| 20 | |
| 21 | ### 1. WCAG Conformance Levels |
| 22 | |
| 23 | | Level | Description | Required For | |
| 24 | | ------- | ---------------------- | ----------------- | |
| 25 | | **A** | Minimum accessibility | Legal baseline | |
| 26 | | **AA** | Standard conformance | Most regulations | |
| 27 | | **AAA** | Enhanced accessibility | Specialized needs | |
| 28 | |
| 29 | ### 2. POUR Principles |
| 30 | |
| 31 | ``` |
| 32 | Perceivable: Can users perceive the content? |
| 33 | Operable: Can users operate the interface? |
| 34 | Understandable: Can users understand the content? |
| 35 | Robust: Does it work with assistive tech? |
| 36 | ``` |
| 37 | |
| 38 | ### 3. Common Violations by Impact |
| 39 | |
| 40 | ``` |
| 41 | Critical (Blockers): |
| 42 | ├── Missing alt text for functional images |
| 43 | ├── No keyboard access to interactive elements |
| 44 | ├── Missing form labels |
| 45 | └── Auto-playing media without controls |
| 46 | |
| 47 | Serious: |
| 48 | ├── Insufficient color contrast |
| 49 | ├── Missing skip links |
| 50 | ├── Inaccessible custom widgets |
| 51 | └── Missing page titles |
| 52 | |
| 53 | Moderate: |
| 54 | ├── Missing language attribute |
| 55 | ├── Unclear link text |
| 56 | ├── Missing landmarks |
| 57 | └── Improper heading hierarchy |
| 58 | ``` |
| 59 | |
| 60 | ## Detailed patterns and worked examples |
| 61 | |
| 62 | Detailed pattern documentation lives in `references/details.md`. Read that file when the navigation tier above is insufficient. |
| 63 | |
| 64 | ## Best Practices |
| 65 | |
| 66 | ### Do's |
| 67 | |
| 68 | - **Start early** - Accessibility from design phase |
| 69 | - **Test with real users** - Disabled users provide best feedback |
| 70 | - **Automate what you can** - 30-50% issues detectable |
| 71 | - **Use semantic HTML** - Reduces ARIA needs |
| 72 | - **Document patterns** - Build accessible component library |
| 73 | |
| 74 | ### Don'ts |
| 75 | |
| 76 | - **Don't rely only on automated testing** - Manual testing required |
| 77 | - **Don't use ARIA as first solution** - Native HTML first |
| 78 | - **Don't hide focus outlines** - Keyboard users need them |
| 79 | - **Don't disable zoom** - Users need to resize |
| 80 | - **Don't use color alone** - Multiple indicators needed |
| 81 |
Reviews
Installed this one?Write the first review and take the Trailblazer badge.
Alternatives
Brand Protection — Amazon 🛡️Amazon brand protection toolkit. Detect hijackers, counterfeits, and unauthorized sellers. Includes MAP violation monitoring, trademark abuse detection, complaint templates for Brand Registry, and test buy evidence collection guides. No API key required.◐····●35/40Brand Protection — eBay 🛡️eBay brand protection toolkit. Detect unauthorized sellers, counterfeits, and VeRO violations. Includes price monitoring, trademark abuse detection, VeRO complaint templates, and enforcement guides. No API key required.◐····●35/40Brand Protection — Shopify/DTC 🛡️Shopify/DTC brand protection toolkit. Detect counterfeit stores, unauthorized resellers, and trademark violations. Includes DMCA takedown templates, domain monitoring, and social media infringement detection. No API key required.◐····●35/40Brand Protection — TikTok Shop 🛡️TikTok Shop brand protection toolkit. Detect unauthorized sellers, counterfeit products, and affiliate abuse. Includes TikTok IP Protection reporting, influencer misuse detection, and complaint templates. No API key required.◐····●35/40