Skills
.Work. You
Rest

aria-patterns

Community

Craft accessible widgets with ARIA patterns.

Software Engineering#accessibility#a11y#widgets#screen-reader#keyboard-navigation#aria-patterns
Authordylantarre
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill helps developers build accessible interactive components by applying correct ARIA roles, states, and properties to ensure screen reader compatibility and keyboard operability.

Core Features & Use Cases

  • ARIA patterns for common widgets: Button, Toggle Button, Modal Dialog, Dropdown Menu, Tabs, Accordion, Tooltip, Combobox, and more.
  • Focus management & keyboard support: Guidance on focus traps, arrow navigation, and accessible names.
  • Testing & validation: Recommendations for manual and automated checks (keyboard-only navigation, screen readers, and a11y audits).

Quick Start

Implement a modal dialog with proper focus management and keyboard controls using standard ARIA roles and attributes.

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: aria-patterns
Download link: https://github.com/dylantarre/design-system-skills/archive/main.zip#aria-patterns

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 471,000+ vetted skills library on demand.