Imported from trobias/portfolio-nextjs-v2 (
.agents/skills/accessibility-compliance/SKILL.md). Install upstream withnpx skills add trobias/portfolio-nextjs-v2 --skill accessibility-compliance. Copyright stays with the author.
Accessibility compliance
Target WCAG 2.2 AA unless the project specifies another standard.
- Inspect semantics, landmarks, heading order, labels, accessible names, relationships, status messages, and error identification.
- Verify complete keyboard operation, logical focus order, visible focus, skip navigation, modal focus containment, and focus restoration.
- Check text and non-text contrast, zoom/reflow, touch target size, orientation, responsive layout, and content exposed on hover or focus.
- Respect reduced motion; avoid flashing, vestibular effects, autoplay, and animation required to understand content.
- Test forms, validation, authentication, timeouts, drag interactions, media alternatives, and dynamic updates.
- Prefer native HTML. Use ARIA only when native semantics are insufficient.
- Report automated findings as leads and confirm important issues manually before claiming compliance.
Do not remove functionality or redesign product behavior without approval.