WCAG 2.1 Audit Automation & Remediation
Audit digital interfaces against WCAG 2.1 and generate code-level remediation reports
What You Can Do
Conduct comprehensive accessibility audits on digital interfaces from wireframes through production, evaluating against all WCAG 2.1 standards. You'll identify accessibility failures with root cause analysis, receive specific code-level fixes ranked by severity and user impact, and generate compliance documentation that satisfies legal teams, regulators, and accessibility stakeholders. The skill accelerates audit cycles from weeks to days while maintaining consistent evaluation criteria across your organization.
Features
covers Perceivable, Operable, Understandable, and Robust principles
identifies failures at A, AA, and AAA levels with clear distinction between mandatory and optional criteria
explains WHY each criterion fails, not just what failed, with context for remediation
receives specific HTML, CSS, and JavaScript solutions for each failure with implementation guidance
failures organized by user impact severity and remediation effort to guide roadmap planning
generates audit reports and evidence trails suitable for legal review, ADA/Section 508 compliance, and stakeholder communication
audit reusable components and patterns against accessibility standards to catch issues at source
remediation reports provided in multiple formats (markdown, HTML, CSV) for different stakeholders
Example Output
WCAG Audit Report: E-commerce Checkout Flow
Critical (AA Level)
- Form labels missing programmatic association (WCAG 1.3.1 Info & Relationships)
- Failure:
<input type="email">without associated<label> - Fix:
<label for="email">Email address</label><input id="email" type="email"> - Impact: Screen reader users cannot identify field purpose
- Failure:
Major (AA Level)
- Color contrast insufficient on error messages (WCAG 1.4.3 Contrast)
- Current: #777 text on #FFF background = 4.5:1
- Required: 4.5:1 minimum for AA
- Fix: Change text color to #555 = 7:1 contrast
- Impact: Users with low vision cannot read validation feedback
Summary: 12 failures across AA level, 3 at AAA. Est. remediation: 6-8 hours.
What's Included
- SKILL.md instruction file with audit methodology and WCAG criteria reference:
- WCAG 2.1 Audit Checklist: all 50 criteria with plain-language explanations and success criteria
- Remediation Priority Framework: matrix for ranking failures by user impact and effort
- Code Fix Templates: HTML, CSS, and JavaScript patterns for common WCAG failures
- Compliance Report Template: structured format for documenting audit findings and remediation status
Who It's For
- UX/UI Designers — conducting accessibility compliance audits and creating improvement roadmaps
- Product Managers — evaluating accessibility maturity and planning remediation sprints
- Front-end Developers — implementing specific code fixes and validating accessibility solutions
- Accessibility Specialists — documenting compliance evidence for legal/regulatory review
- QA/Testing Teams — establishing baseline accessibility metrics and tracking remediation progress
Best For
- Pre-launch accessibility compliance audits (WCAG AA/AAA certification)
- Responding to accessibility complaints or user reports with root cause fixes
- Evaluating design systems and reusable component libraries for accessibility
- Preparing ADA/Section 508 compliance documentation for legal review
- Training design teams on WCAG criteria application and remediation patterns
You might also like
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
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 systematically evaluate UX/UI design candidates across multiple disciplines—UX researchers, UI designers, product designers, design systems engineers, and coordinators—using role-specific competency frameworks. The skill converts vague impressions into defensible scoring systems that account for cross-functional collaboration capability, process maturity, and systems-thinking critical to design ops success. You'll compare candidates across seniority levels, document evaluation decisions for compliance, and build consistent hiring rubrics your entire design team can deploy.
by calesthio
You can write clean, maintainable Tailwind CSS directly in React JSX using utility-first principles. This skill helps you compose responsive layouts, implement dark mode themes, extract reusable component patterns, convert existing CSS to Tailwind, and troubleshoot Tailwind configuration issues. It's optimized for dashboards, forms, cards, modals, and other typical application interfaces.
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
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 can generate, test, and iterate on onboarding microcopy that handles the unique constraints of first-run experiences: zero product knowledge assumptions, anxiety management around data entry and permissions, and sequential task dependencies. Claude helps you stress-test copy variants against user objections, anticipate drop-off points, and create messaging that balances education, reassurance, and motivation in minimal word count.
by calesthio
You can generate detailed interaction specifications for complex user flows and component behaviors that eliminate ambiguity in handoff. The skill produces structured documentation including state diagrams, transition tables, animation timing, keyboard navigation patterns, error handling workflows, and accessibility requirements—all formatted for both designers and developers to reference.
by calesthio