Skills
.Work. You
Rest

accessibility-per-component

Community

Audit component accessibility

Software Engineering#accessibility#a11y#web development#WCAG#design system#component audit
Authormurphytrueman
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill automates the process of auditing individual design system components for accessibility compliance, ensuring a better experience for all users.

Core Features & Use Cases

  • Comprehensive Audit: Assesses components across five key dimensions: keyboard navigation, screen reader experience, color and contrast, focus management, and ARIA implementation.
  • Actionable Guidance: Provides specific PASS/FAIL/WARN results with detailed remediation steps and code examples.
  • Use Case: A senior engineer needs to verify that a new "Dropdown" component meets WCAG 2.1 AA standards before it's released. They use this Skill to get a detailed report on its accessibility, including specific code fixes for any issues found.

Quick Start

Run an accessibility audit on the 'button' component.

Dependency Matrix

Required Modules

None required

Components

referencesscripts

💻 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: accessibility-per-component
Download link: https://github.com/murphytrueman/design-system-ops/archive/main.zip#accessibility-per-component

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.