Overview
What it is
A single-shot prompt that takes a screenshot or component description and returns a prioritized WCAG AA review with concrete fixes.
When to use it
Before shipping any new screen, modal, or significant component change.
Who it’s for
Designers and engineers.
Expected output
A table of issues by severity with WCAG references and suggested code/design fixes.
Setup instructions
- Open ChatGPT.
- Create a Project called ‘Accessibility’.
- Paste the prompt below as the project instructions.
- Drop screenshots into the project chat.
Usage
Good inputs
- • A screenshot at 1x and 2x.
- • The component’s purpose and primary user task.
Example prompts
- Audit this checkout step against WCAG 2.2 AA, prioritized by impact.
Expected outputs
- • A 3-column table: issue · severity · fix.
Tips & limitations
- • Always provide both light and dark theme screenshots.
- • Re-run after fixes to confirm closure.
Tags
#a11y
#wcag
#review