accessibility-implementation

Solid

WCAG 2.1/2.2 compliance, ARIA patterns, keyboard nav, focus management, a11y testing. Use when implementing accessible components or user mentions WCAG/ARIA/screen readers.

Testing & QA 48 stars 6 forks Updated today MIT

Install

View on GitHub

Quality Score: 80/100

Stars 20%
56
Recency 20%
100
Frontmatter 20%
70
Documentation 15%
100
Issue Health 10%
50
License 10%
100
Description 5%
100

Skill Content

# Accessibility Implementation Technical implementation of WCAG guidelines, ARIA patterns, and assistive technology support. ## When to Use This Skill | Use this skill when... | Use design-tokens instead when... | |---|---| | Implementing WCAG 2.1/2.2 success criteria in code | Setting up CSS custom properties or theme systems | | Adding ARIA roles, states, or live regions | Defining semantic colour tokens used by themes | | Wiring keyboard navigation, focus traps, or skip links | Organizing primitive/semantic/component token tiers | | Auditing components with axe-core, jest-axe, or Playwright | Implementing light/dark mode token overrides | ## Core Expertise - **WCAG Compliance**: Implementing WCAG 2.1/2.2 success criteria in code - **ARIA Patterns**: Correct usage of roles, states, and properties - **Keyboard Navigation**: Focus management, key handlers, logical tab order - **Screen Readers**: Content structure, announcements, live regions - **Testing**: Automated and manual accessibility testing ## WCAG Quick Reference ### Level A (Must Have) | Criterion | Implementation | |-----------|----------------| | 1.1.1 Non-text Content | `alt` for images, labels for inputs | | 1.3.1 Info and Relationships | Semantic HTML, ARIA relationships | | 2.1.1 Keyboard | All interactive elements keyboard accessible | | 2.4.1 Bypass Blocks | Skip links, landmarks | | 4.1.2 Name, Role, Value | ARIA labels, roles for custom widgets | ### Level AA (Should Have) | Criterion | Implement...

Details

Author
laurigates
Repository
laurigates/claude-plugins
Created
7 months ago
Last Updated
today
Language
Shell
License
MIT

Integrates with

Similar Skills

Semantically similar based on skill content — not just same category