Accessibility Auditor
Audit interfaces for WCAG 2.1 AA compliance with prioritized fixes
What You Can Do
You can conduct thorough accessibility audits of digital interfaces against WCAG 2.1 Level AA standards. Claude analyzes six critical dimensions—color contrast ratios, keyboard navigation patterns, ARIA implementation, focus management, screen reader compatibility, and semantic HTML structure—then produces a prioritized remediation report that maps each issue to specific success criteria with actionable fixes and business impact assessments.
Features
each finding linked to specific success criteria for regulatory documentation
Critical, High, Medium, and Low classifications to guide resource allocation
identifies WCAG AA/AAA failures with exact ratios and recommended color replacements
detects focus traps, missing skip links, and tab order issues
validates label implementation, role attributes, live regions, and landmark structure
identifies semantic HTML problems and missing alternative text
each issue includes exact location, current state, and required fix with code examples
Example Output
Critical Issues (2)
Issue: Button contrast ratio 3.2:1 (requires 4.5:1)
- Location: Primary CTA button on hero section
- Current: #777 on #fff
- Fix: Change text to #555 or background to #f0f0f0
- WCAG: 1.4.11 Non-text Contrast (Level AA)
Issue: Form labels not associated with inputs
- Location: Contact form fields (Name, Email, Message)
- Fix: Add
<label for="field-id">or wrap inputs in labels - Impact: Screen reader users cannot identify fields
- WCAG: 1.3.1 Info and Relationships (Level A)
Medium Issues (5)
Issue: Missing skip link to main content
- Location: Navigation bar (appears on all pages)
- Fix: Add hidden skip link; show on focus with visible :focus-visible styles
What's Included
- accessibility-auditor SKILL.md: complete audit framework and WCAG 2.1 AA reference mapping
- Audit checklist template: six-point assessment guide (contrast, keyboard, ARIA, focus, screen reader, semantic HTML)
- Remediation priority matrix: severity classification system and triage workflow
- WCAG success criteria reference: quick lookup for compliance standards by issue type
- Sample audit report template: structured format for documenting findings with stakeholder summary and engineering tasklist
Who It's For
- UX/UI designers conducting pre-launch accessibility reviews and design system audits
- Front-end developers implementing accessibility fixes and validating semantic HTML structure
- QA/test engineers creating accessibility test cases and compliance checklists
- Product managers preparing for regulatory audits and accessibility incident response
- Accessibility specialists leading organization-wide a11y programs and team training
Best For
- Pre-launch accessibility compliance reviews for new features and redesigns
- Systematic diagnosis of user accessibility complaints and screen reader failures
- Design system and component library accessibility impact assessments
- Regulatory and legal compliance documentation for government contracts and accessibility lawsuits
- Baseline accessibility assessments for teams new to WCAG standards
You might also like
Analyze raw usability testing data—transcripts, session notes, task completion rates, and participant feedback—to surface recurring patterns and user behaviors. Claude identifies the highest-impact issues, extracts testable insights about user mental models, and generates prioritized recommendations ranked by severity, frequency, and business impact. This cuts manual synthesis time from hours to minutes while maintaining analytical rigor.
by calesthio
You can conduct comprehensive microcopy audits across your entire product, categorizing copy by type and user journey stage. Claude helps you identify clarity gaps, consistency issues, and conversion blockers, then generates tested alternatives with clear rationale. You'll produce copy guidelines, A/B test frameworks, and localization-ready copy that drives measurable improvements in user completion rates and confidence.
by calesthio
This skill helps you craft error messages and notifications that prioritize clarity and actionability over cleverness. You'll generate empathetic microcopy for error states, in-app notifications, empty states, and edge cases—then test variations against different user personas to minimize cognitive load and maximize task completion rates. It bridges UX research insights with production-ready copy that reduces support tickets and builds user trust.
by calesthio
You can systematically design reusable responsive grid systems, establish spacing scales and breakpoint strategies, and document component layout behaviors for seamless developer handoff. This skill generates technical layout specifications that reduce design-to-development friction and ensure accessibility compliance from the design phase, enabling teams to build consistent, scalable web interfaces across all devices.
by calesthio
You can systematically evaluate your design system's health using structured frameworks that assess component consistency, design token usage, documentation completeness, and developer adoption. The skill generates prioritized gap analysis reports that quantify issues—like duplicate components, token sprawl, or implementation friction—and translates findings into executive-ready roadmaps with business cases for remediation. You'll move beyond subjective design assessments to data-backed improvement strategies.
by calesthio
You can rapidly build responsive, production-ready UI designs using Tailwind's utility-first approach. Apply low-level utility classes directly to HTML elements to create custom designs without writing CSS, implement mobile-first responsive layouts, add dark mode and theme customization, and generate optimized CSS bundles through build-time processing that includes only the classes you actually use.
by calesthio
This skill guides you through creating strategic content frameworks that go beyond tone and voice guidelines. You'll synthesize user research with business goals, define content principles, structure information architecture, and document messaging frameworks that teams can reference repeatedly. The result is a comprehensive strategy that ensures every piece of UX content—from microcopy to help documentation—serves both users and business outcomes.
by calesthio
You'll conduct structured culture audits that go beyond surface-level observations to identify root causes of dysfunction in design teams. Using organizational psychology research, you can analyze team feedback patterns, map collaboration barriers across disciplines, and design targeted interventions that address psychological safety gaps, siloed workflows, and retention risks. Claude helps you transform culture diagnostics into measurable improvement plans tied to specific team performance outcomes.
by calesthio