ARIA Skill

SkillDev tools

Lets your agent design a system's data model and API contracts as its structural foundation.

Instructions available. Your AI can read the instructions. Execution depends on the setup they require.

Account requirements not reviewed. Check the skill instructions before use; ahel provides instructions and does not run this skill.

Add ahel to your AI once: Claude, ChatGPT, Cursor, Claude Code or Codex. Then ask it to use this.

Then ask your AI: use the ARIA Skill skill

About this skill

WAI-ARIA implementation, roles, states, and properties.

What this skill tells your AI

The instructions your AI receives, as published by a5c-ai/babysitter in library/specializations/web-development/skills/aria/SKILL.md and read by ahel’s review.

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

Signals

GitHub stars: 2k
Forks: 112
Last commit: Sep 2026

Advanced

Item type: skill
Key: aria
Source: github.com/a5c-ai/babysitter

github.com/a5c-ai/babysitter