Accessibility Prompts

Prompt checklist for enforcing accessibility in AI-generated UI components.

Accessibility requirements prompt

Accessibility requirements (non-negotiable):

Keyboard navigation:
- Tab moves focus
- Enter/Space activates controls
- Visible focus ring (2px)

Screen readers:
- aria-label for icon-only controls
- aria-busy during loading
- aria-disabled when disabled

Disabled state:
- explain why unavailable when relevant

Contrast:
- WCAG AA minimum (4.5:1 text, 3:1 UI)
- test across light/dark/high-contrast

Touch targets:
- minimum 44x44 px interactive area

Auto-test requirements prompt

Testing requirements:
- run accessibility checks (axe/jest-axe or equivalent)
- test keyboard-only navigation
- test with a screen reader
- if any accessibility violation exists, fix before marking complete

Guardrails prompt

Do not use div-onClick for buttons.
Do not remove focus outlines without a replacement.
Do not ship icon-only controls without aria-label.
Use semantic HTML first.