# Responsive Accessibility

> Use to review or implement responsive and accessible UI, including keyboard behavior, focus states, semantic labels, contrast, reflow, target size, ARIA usage, and reduced motion.

- Skill: `seemseam/responsive-accessibility` (Agent Skill)
- Install (CLI): `npx skillmds@latest add seemseam/responsive-accessibility`
- Raw SKILL.md: https://api.skillmd.com/api/skills/seemseam/responsive-accessibility/raw
- Safety review: pending
- Works with: Claude Code, Claude.ai, OpenAI Codex
- Category: Web & Frontend
- Author: seemseam (https://skillmd.com/u/seemseam)
- Updated: 2026-09-17
- Page: https://skillmd.com/skills/seemseam/responsive-accessibility

---


# Responsive Accessibility

Use this skill when UI must work across viewport sizes, input methods, and
assistive technologies.

## Workflow

1. Identify critical flows, breakpoints, input methods, and user states.
2. Check semantic structure, labels, focus order, keyboard behavior, contrast,
   target size, reflow, and reduced-motion behavior.
3. Prefer native semantics before ARIA. Use ARIA patterns only when native
   controls cannot express the behavior.
4. Inspect component-library accessibility behavior before wrapping or
   overriding it.
5. 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.