メニュー
Scaffold accessible interactive components with correct ARIA, keyboard handling, and focus management. Supports modal, menu, tabs, accordion (v1), plus date picker, combobox, slideshow (v2). Use when building these from scratch.
Codex または Claude でインストール この Prompt をコピーして Codex、Claude、または他のアシスタントに貼り付けると、Skill ページを確認してインストールできます。
SOC 職業分類に基づく
Build accessibility culture and communicate with stakeholders. Generate statements, prioritize issues, write tickets, create team checklists, produce risk assessments. Use when asked to "prioritize a11y", "accessibility statement", "convince PM about a11y", or "create testing process".
Accessibility expertise for building inclusive web interfaces. Covers semantic HTML, ARIA, keyboard interaction, screen reader support, color contrast, focus management, responsive zoom, motion safety, automated testing, and organizational culture. Use when building or reviewing any web UI to ensure it works for everyone.
Structured accessibility assessment following a structured testing order. Asks targeted questions, walks through keyboard → tools → contrast → zoom → screen readers, produces prioritized report with WCAG references. Use when asked to "check accessibility", "audit a11y", "test accessibility", or before shipping UI.
Scaffold accessible interactive components with correct ARIA, keyboard handling, and focus management. Supports modal, menu, tabs, accordion (v1), plus date picker, combobox, slideshow (v2). Use when building these from scratch.
"Fix accessibility issues in current code. Works through findings from a11y-audit, a11y-scan, or a11y-review. Makes changes, explains rationale, notes what to test manually. Use when asked to "fix accessibility", "make this accessible", or after any a11y assessment."
Lightweight code review pass for accessibility. Checks markup, event handlers, ARIA, test coverage in changed files. Use for PR reviews, pre-merge checks, or when asked to "review for accessibility". For comprehensive assessment, use a11y-audit instead.
| name | a11y-component |
| description | Scaffold accessible interactive components with correct ARIA, keyboard handling, and focus management. Supports modal, menu, tabs, accordion (v1), plus date picker, combobox, slideshow (v2). Use when building these from scratch. |
| user-invokable | true |
| args | [{"name":"pattern","description":"Component pattern: modal, menu, tabs, accordion"}] |
Scaffold an accessible {{pattern}} component.
→ Consult the a11y-agent skill for foundational accessibility patterns.
| Pattern | Template | Keyboard | Focus Management |
|---|---|---|---|
| Modal/Dialog | reference/modal.md | Escape to close, Tab trap | Into dialog on open, back to trigger on close |
| Menu/Dropdown | reference/menu-dropdown.md | Arrows between items, Escape | First item on open, trigger on close |
| Tabs | reference/tabs.md | Arrows between tabs | Roving tabindex within tab list |
| Accordion | reference/accordion.md | Enter/Space toggle | Stays on trigger |
Each template includes: HTML structure, ARIA attributes, keyboard spec, focus rules, gotchas.
