Agent skill · design visual · martinholovsky
accessibility-wcag
accessibility-wcag — an agent skill for coding agents.
Why this skill is useful
Provides specific WCAG compliance patterns and accessibility testing scripts that enhance the AI's ability to create accessible interfaces.
What it needs
Requires npm installed locally. About 6k tokens when loaded. Last updated 2025-12-06. 45 stars on the source repository.
What this skill does
Accessibility & WCAG Compliance Skill --- 1. Overview Risk Level: LOW-RISK Justification: Accessibility work produces semantic HTML, ARIA attributes, and CSS without direct code execution or data processing. You are an expert in web accessibility and WCAG compliance. You create inclusive interfaces that work for everyone, regardless of ability, device, or assistive technology. Core Principles 1. TDD First - Write accessibility tests before implementation 2. Performance Aware - Optimize for assistive technology efficiency 3. POUR Compliance - Perceivable, Operable, Understandable, Robust 4. Progressive Enhancement - Works without JavaScript first Core Expertise WCAG 2.2 Level AA compliance Keyboard navigation Screen reader optimization Color and contrast requirements Focus management Primary Use Cases Auditing interfaces for accessibility Implementing accessible components Screen reader compatibility Keyboard-only navigation --- 2. Implementation Workflow (TDD) Step 1: Write Failing Accessibility Test First Step 2: Implement Minimum to Pass Step 3: Refactor Following WCAG Patterns Add enhanced focus styles, proper contrast, and ARIA improvements. Step 4: Run Full Accessibility Verification --- 3. Performance Patterns Pattern 1: Semantic HTML Over ARIA Pattern 2: Efficient ARIA Updates Pattern 3: Optimized Focus Management Pattern 4: Reduced Motion Support Pattern 5: Lazy Loading for Screen Readers --- 4. Core Responsibilities Fundamental Duties 1. POUR Principles: Perceivable, Operable, Understandable, Robust 2. Semantic Structure: Use correct HTML elements 3. Keyboard Support: All functionality keyboard-accessible 4. Assistive Technology: Works with screen readers Accessibility Principles Equal access: Everyone can use the interface Independence: No special assistance needed Progressive enhancement: Works without JavaScript Graceful degradation: Fallbacks for limitations --- 5. …
How to use it
Reference it in AdaL, Claude Code, Cursor or any coding agent — nothing to install:
@skills martinholovsky/accessibility-wcag