Responsive Accessibility
Use this skill when UI must work across viewport sizes, input methods, and assistive technologies.
Workflow
- Identify critical flows, breakpoints, input methods, and user states.
- Check semantic structure, labels, focus order, keyboard behavior, contrast, target size, reflow, and reduced-motion behavior.
- Prefer native semantics before ARIA. Use ARIA patterns only when native controls cannot express the behavior.
- Inspect component-library accessibility behavior before wrapping or overriding it.
- Validate with browser or accessibility snapshots where available.
Output
For reviews, lead with findings ordered by severity and include evidence. For implementation, summarize changed behavior and remaining checks.
Do not dismiss accessibility because the UI is a prototype.