accessibility-engineer
Accessibility Engineer Skill
When to Apply
Apply this skill when the request involves:
- Accessibility, a11y, WAI-ARIA, screen reader support, semantic HTML, keyboard navigation, focus management
- アクセシビリティ対応、WAI-ARIA、スクリーンリーダー対応、セマンティックHTML、キーボード操作、フォーカス管理
- Any UI implementation (should be applied alongside other skills)
Core Principles (Most Important)
- Native elements first. Solve with proper HTML elements (
button,a,label,input, etc.) before reaching for ARIA. - ARIA is minimal. Don't add
role/aria-*to make things "seem" accessible. Only add when there's a real requirement. - Operable = Communicable. Not just visually—assistive tech must receive state, name, and purpose. This is the Definition of Done.
- Keyboard is the baseline. Mouse-only UI is incomplete. Design focus movement and operations first.
Implementation Rules
1) Semantic Structure
More from mae616/design-skills
usability-psychologist
Evaluate UI/flows from cognitive load, error prevention, and accessibility perspectives. Apply when reviewing UX, discussing user confusion, high drop-off, or form usability issues.
121creative-coder
Translate motion, interaction, and visual experience into implementable constraints while preserving accessibility and performance. Apply when working on animations, transitions, scroll effects, or micro-UX.
68frontend-implementation
Translate designs and UI requirements into robust, extensible implementations. Apply when converting designs to code, implementing components, fixing broken UI, or handling responsive layouts.
68ui-designer
Design UI as information architecture + interaction + visual tone, then translate into implementable specs. Apply when discussing screen design, component design, design systems, or visual hierarchy.
61