| name | ux-accessibility |
| description | Review or implement UI/visual changes with accessibility checks (keyboard, focus, contrast, ARIA, motion). Use for any new UI elements or visual updates. |
| license | MIT |
| tags | ["accessibility","ux","ui"] |
| allowed-tools | ["markdown"] |
| metadata | {"author":"laurenceputra","version":"1.0.0"} |
UX Accessibility
Review UI changes for accessibility and inclusive design.
Workflow
- Verify keyboard and focus behavior.
- Check contrast and semantics.
- Confirm motion settings.
Modal & Keyboard Checklist (Repo)
- Focus management: trap focus within modal, set initial focus, restore focus on close, allow Escape to close when permitted.
- ARIA dialog semantics:
role="dialog", aria-modal="true", aria-labelledby for titles, aria-describedby for helper text or errors.
- Keyboard activation: all custom controls respond to Enter/Space, visible focus styles on all interactive elements.
- Live feedback: use
role="status"/aria-live for updates and role="alert" for errors.
Output Format
References