{"id":"wcag-audit-patterns","name":"wcag-audit-patterns","summary":"WCAG 2.2のアクセシビリティ監査を実施し、自動テスト、手動検証、是正ガイダンスを活用します。ウェブサイトのアクセシビリティ監査、WCAG違反の修正、アクセシブルデザインパターンの実装などに利用してください。","body":"# WCAG Audit Patterns\n\nComprehensive guide to auditing web content against WCAG 2.2 guidelines with actionable remediation strategies.\n\n## When to Use This Skill\n\n- Conducting accessibility audits\n- Fixing WCAG violations\n- Implementing accessible components\n- Preparing for accessibility lawsuits\n- Meeting ADA/Section 508 requirements\n- Achieving VPAT compliance\n\n## Core Concepts\n\n### 1. WCAG Conformance Levels\n\n| Level   | Description            | Required For      |\n| ------- | ---------------------- | ----------------- |\n| **A**   | Minimum accessibility  | Legal baseline    |\n| **AA**  | Standard conformance   | Most regulations  |\n| **AAA** | Enhanced accessibility | Specialized needs |\n\n### 2. POUR Principles\n\n```\nPerceivable:  Can users perceive the content?\nOperable:     Can users operate the interface?\nUnderstandable: Can users understand the content?\nRobust:       Does it work with assistive tech?\n```\n\n### 3. Common Violations by Impact\n\n```\nCritical (Blockers):\n├── Missing alt text for functional images\n├── No keyboard access to interactive elements\n├── Missing form labels\n└── Auto-playing media without controls\n\nSerious:\n├── Insufficient color contrast\n├── Missing skip links\n├── Inaccessible custom widgets\n└── Missing page titles\n\nModerate:\n├── Missing language attribute\n├── Unclear link text\n├── Missing landmarks\n└── Improper heading hierarchy\n```\n\n## Detailed patterns and worked examples\n\nDetailed pattern documentation lives in `references/details.md`. Read that file when the navigation tier above is insufficient.\n\n## Best Practices\n\n### Do's\n\n- **Start early** - Accessibility from design phase\n- **Test with real users** - Disabled users provide best feedback\n- **Automate what you can** - 30-50% issues detectable\n- **Use semantic HTML** - Reduces ARIA needs\n- **Document patterns** - Build accessible component library\n\n### Don'ts\n\n- **Don't rely only on automated testing** - Manual testing required\n- **Don't use ARIA as first solution** - Native HTML first\n- **Don't hide focus outlines** - Keyboard users need them\n- **Don't disable zoom** - Users need to resize\n- **Don't use color alone** - Multiple indicators needed","author":"@wshobson","ownerProfile":null,"authorContacts":null,"sourceUrl":"https://github.com/wshobson/agents/tree/main/plugins/accessibility-compliance/skills/wcag-audit-patterns","license":"MIT","category":"review","lang":"en","tokens":489,"stars":0,"calls30d":1,"claimed":false,"visibility":"public","origin":"crawler","version":"0.1.0","createdAt":"2026-08-22","updatedAt":"2026-08-22","files":[{"path":"references/details.md","size":9972,"sha256":"0a61237ccb4e1b2cba4291f83e0747ad64ac9ba81b37427ee0e648537c9c78d6"}],"requires":{"mcp":[],"tools":[]},"safety":{"flags":[],"scannedAt":"2026-08-22","hasScripts":false,"networkEndpoints":[]}}