Generate Aria Pattern
Description
# Prompt: Generate an accessible ARIA pattern Use when you need complete, production-ready code for a complex accessible widget. --- ## Prompt (copy & paste) ``` Write a production-ready, fully accessible [COMPONENT] in [HTML+JS / React / Vue 3 / Svelte / Angular]. Requirements: 1. Follow the WAI-ARIA Authoring Practices Guide (APG) pattern for [COMPONENT] 2. Include all required ARIA roles, states, and properties 3. Full keyboard support (specify which keys and what they do) 4. Correct foc
Installation
Installs to ~/.claude/skills/mrkanoh-wcag-accessibility-skill-generate-aria-pattern/SKILL.md
mkdir -p ~/.claude/skills/mrkanoh-wcag-accessibility-skill-generate-aria-pattern && curl -fsSL https://raw.githubusercontent.com/mrKanoh/wcag-accessibility-skill/HEAD/prompts/generate-aria-pattern.md -o ~/.claude/skills/mrkanoh-wcag-accessibility-skill-generate-aria-pattern/SKILL.md Restart Claude Code, or start a new session, for it to be picked up.
Full documentation available on GitHub
View Source RepositoryRelated Skills
Auto Update
Pull the latest ECC repo changes and reinstall the current managed targets.
Ecc Guide
Navigate ECC's current agents, skills, commands, hooks, install profiles, and docs from the live repository su
Epic Claim
Claim an epic issue, stamp coordination state, and sync local ownership.
Epic Publish
Publish a validated epic update back to the issue and local cache.
Epic Review
Mark epic review requested, approved, or changes requested.
Epic Unblock
Sweep blocked epic issues and reopen anything whose dependencies are closed.