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.