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
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
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
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 architect complete design systems leveraging Tailwind v4's CSS-first approach, including semantic color tokens, component variants, responsive patterns, and native dark mode. This skill helps you build reusable component libraries with proper theming infrastructure, accessibility standards, and migration strategies from Tailwind v3 to v4.
by calesthio
You can generate customized interview frameworks that assess design ops candidates against specific competencies aligned with your team's maturity and challenges. The skill produces behavioral interview questions, technical scenario assessments, and scoring rubrics that help interview panels evaluate candidates objectively across process optimization, metrics thinking, tool knowledge, and organizational influence—moving beyond portfolio review to predict job-ready performance.
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 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