plugins/website-audit/skills/auditing-website-accessibility/SKILL.md
Audits website accessibility for WCAG 2.1 AA compliance, generating findings and code fixes. Use when reviewing accessibility, keyboard navigation, screen reader compatibility, or inclusive design.
npx skillsauth add qte77/claude-code-utils auditing-website-accessibilityInstall this skill globally with one command. Works with Claude Code, Cursor, and Windsurf.
3 of 9 scanners reported clean
Some scanners were skipped, did not run, or reported a non-clean status. Review each row below.
Target: $ARGUMENTS
Conducts focused accessibility audits against WCAG 2.1 AA and generates implementable code fixes. No over-analysis.
MUST READ references/wcag-quick-reference.md before auditing. Use it as
the checklist for all findings.
CRITICAL (WCAG Level A)
- [Issue] - Impact: [High/Medium/Low] - Element: [selector]
Fix: [Code snippet]
WCAG: [Success Criterion]
COMPLIANCE (WCAG Level AA)
- [Issue] - Impact: [High/Medium/Low] - Element: [selector]
Fix: [Code snippet]
WCAG: [Success Criterion]
- [ ] [Fix description] - Impact: [High/Medium/Low]
Group fixes by: Keyboard Navigation, Screen Readers, Visual, Forms/Tables.
development
Analyzes industry websites for design patterns, layout, typography, and content strategies using first-principles thinking. Use when researching website design, UI patterns, or competitive design analysis.
development
Audits website usability for UX optimization, covering forms, navigation, validation, and microcopy. Use when reviewing user experience, task completion flows, or interface friction points.
development
Writes tests following TDD (using vitest and @testing-library/react) best practices. Use when writing unit tests, integration tests, or component tests in TypeScript.
development
Provides concise, focused TypeScript/React code reviews matching exact task complexity requirements. Use when reviewing TypeScript code quality, type safety, or when the user asks for code review.