wcag-audit-patterns
Run WCAG 2.2 audits with clear checklists
Accessibility audits are complex and easy to miss critical issues. This skill provides WCAG 2.2 checklists, test guidance, and remediation patterns for websites and applications.
Download the skill ZIP
Upload in Claude
Go to Settings → Capabilities → Skills → Upload skill
Toggle on and start using
Test it
Using "wcag-audit-patterns". Audit our checkout flow for WCAG 2.2 AA issues.
Expected outcome:
- Check keyboard access for all interactive elements
- Verify color contrast on primary buttons and error text
- Ensure form inputs have labels and error messages are announced
- Add skip link and validate focus visibility
- Document fixes and retest with axe-core
Using "wcag-audit-patterns". What are the critical WCAG issues to check on a landing page?
Expected outcome:
- Missing alt text on images and icons
- No keyboard access to buttons and links
- Low color contrast on text and backgrounds
- Missing form labels on signup fields
- No visible focus indicators on interactive elements
Using "wcag-audit-patterns". Help me fix the navigation for screen reader users.
Expected outcome:
- Add proper landmarks: main, nav, aside, footer
- Use semantic HTML for navigation menus
- Ensure skip to main content link exists
- Add ARIA labels for custom menu buttons
- Test reading order with screen reader software
Security Audit
SafeThis is a pure documentation skill containing WCAG 2.2 audit guidance. No executable code, scripts, network calls, file access, or system interactions are present. The skill only contains markdown documentation with checklists and code examples for reference. All 86 static findings are false positives caused by the scanner misinterpreting markdown syntax (code block delimiters flagged as shell execution, section headers flagged as crypto algorithms, accessibility testing references flagged as reconnaissance).
Risk Factors
🌐 Network access (8)
⚙️ External commands (45)
Quality Score
What You Can Build
Audit release readiness
Use the checklist to validate key pages before a production release.
Improve component patterns
Apply remediation patterns to fix labels, contrast, and focus states.
Prepare a WCAG review
Map findings to WCAG levels and document gaps for a report.
Try These Prompts
Create a beginner checklist for a small marketing site, focusing on WCAG A and AA items.
List the top WCAG issues for forms and provide concrete HTML fixes for labels and errors.
Propose a plan using axe-core and Playwright to catch WCAG 2.2 AA issues.
Draft an audit outline with evidence collection steps and remediation priorities.
Best Practices
- Combine automated checks with manual testing
- Use semantic HTML before adding ARIA
- Record evidence and prioritize by impact
Avoid
- Rely only on automated tools
- Remove focus outlines for visual design
- Use color as the only status indicator