design-accessibility-auditor

Official

Ensure WCAG 2.1 compliance for designs.

Authorcuriositech
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill addresses the critical need for accessible digital products by auditing designs for WCAG 2.1 compliance, ensuring that color contrast, touch targets, and focus indicators meet accessibility standards.

Core Features & Use Cases

  • Color Contrast Auditing: Verifies color palettes against WCAG contrast ratios for text and UI elements.
  • Component Accessibility Checks: Assesses interactive components like buttons, links, and form inputs for keyboard support, touch target size, and focus indicators.
  • Actionable Fixes: Provides specific, calculated recommendations to resolve identified accessibility violations.
  • Use Case: Before handing off a new UI design to development, use this Skill to audit all color combinations and interactive elements to ensure they meet WCAG 2.1 AA standards, preventing costly rework later.

Quick Start

Audit the provided design assets for WCAG 2.1 accessibility compliance and suggest fixes for any violations found.

Dependency Matrix

Required Modules

None required

Components

references

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: design-accessibility-auditor
Download link: https://github.com/curiositech/some_claude_skills/archive/main.zip#design-accessibility-auditor

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.