Skills
.Work. You
Rest

ux-accessibility

Community

WCAG-ready accessibility patterns for components.

Design & Creative#accessibility#a11y#wcag#focus#keyboard#aria
Authormatthewharwood
Version1.0.0
Installs0

System Documentation

What problem does it solve?

Accessibility-first patterns for WCAG 2.2 AA and for web components: focus management, keyboard navigation, screen readers, reduced motion and high contrast handling.

Core Features & Use Cases

  • Focus Management: consistent focus rings and keyboard nav.
  • Keyboard Navigation: arrow keys, Tab order, and focus traps.
  • ARIA Patterns: proper roles, aria-labels, and live regions.
  • Reduced Motion: respect user preferences with graceful fallbacks.

Quick Start

Add a focus trap to a modal and ensure focus returns to the triggering element on close.

Dependency Matrix

Required Modules

None required

Components

Standard package

💻 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: ux-accessibility
Download link: https://github.com/matthewharwood/fantasy-phonics/archive/main.zip#ux-accessibility

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.