a11y-design-pro
CommunityEnhance accessibility, comply with WCAG standards, and optimize for screen readers.
Authortruongnat
Version1.0.0
Installs0
System Documentation
What problem does it solve?
This Skill addresses the challenge of ensuring accessibility and compliance with WCAG standards for web UIs, providing a comprehensive toolset for implementing ARIA patterns, testing color contrast, and managing focus for better screen reader support.
Core Features & Use Cases
- WCAG Compliance Auditing: Evaluates web UIs against WCAG 2.1/2.2 standards, focusing on ARIA implementation, keyboard navigation, and automated testing.
- ARIA Patterns Implementation: Offers guidelines for integrating ARIA roles, states, and properties into dynamic widgets.
- Automated Accessibility Testing: Provides setup instructions for integrating axe-core, Lighthouse, and Pa11y into CI/CD pipelines.
Quick Start
Run the a11y-design-pro skill to audit the accessibility of the current web page.
Dependency Matrix
Required Modules
axe-corelighthousepa11y
Components
scriptsreferencesassets
💻 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: a11y-design-pro Download link: https://github.com/truongnat/aix/archive/main.zip#a11y-design-pro Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 620,000+ vetted skills library on demand.