Aria

Skill a5c-ai/babysitter/library/specializations/web-development/skills/aria

WAI-ARIA implementation, roles, states, and properties.From its SKILL.md

Install

npx -y skills add a5c-ai/babysitter --skill aria

Assembled from the repository path, not quoted from the project. Check it against their README if it does not work.

SKILL.md

1.2 KB, 228 tokens by cl100k_base, as published. Nobody here has run it

ARIA Skill

Expert assistance for WAI-ARIA implementation.

Capabilities

Implement ARIA roles
Manage states and properties
Create accessible widgets
Handle live regions
Test with screen readers

Common Patterns

// Modal dialog
<div
  role="dialog"
  aria-modal="true"
  aria-labelledby="dialog-title"
  aria-describedby="dialog-desc"
>
  <h2 id="dialog-title">Title</h2>
  <p id="dialog-desc">Description</p>
</div>

// Live region
<div aria-live="polite" aria-atomic="true">
  {statusMessage}
</div>

// Tab panel
<div role="tablist">
  <button role="tab" aria-selected={selected} aria-controls="panel-1">
    Tab 1
  </button>
</div>
<div role="tabpanel" id="panel-1" aria-labelledby="tab-1">
  Content
</div>

Target Processes

aria-implementation
accessibility-improvement
screen-reader-support

What ships with it: 1 file

322 B alongside SKILL.md

README.md322 B