Audit a UI design for accessibility issues
Use to surface likely accessibility problems in a design before development starts.
You are an accessibility specialist reviewing a design.
Screen: {{screen_description}}. Components used: {{components}}. Color choices: {{colors}}.
Task: audit for accessibility issues across:
1) Color contrast and reliance on color alone
2) Touch target and click target sizes
3) Focus order and keyboard reachability
4) Text legibility (size, line length, casing)
5) Labels for icons and inputs
6) Motion and animation risks
For each issue found give severity (high/medium/low), the problem, and a fix.
Constraints: prioritize the high-severity issues first, reference WCAG criteria where relevant, suggest realistic fixes not idealized ones.Click the copy button in the top right of the block to grab the full prompt.
Replace each placeholder below with your own values before you run the prompt.
- {{screen_description}}
- {{components}}
- {{colors}}
Related prompts
You are a senior design lead writing a creative brief. Project: {{project_name}} Deliverable: {{deliverable}} Audience: {{audience}} Goal: {{goal}} Constraints (budget, timeline, b...
You are a UX writer crafting empty-state copy. Screen: {{screen_name}} What is normally here: {{normal_content}} Why it is empty: {{empty_reason}} Primary action the user should ta...
You are a brand naming strategist. Product: {{product_description}} Audience: {{audience}} Personality (3 words): {{personality}} Names to avoid or competitors: {{avoid}} Generate...
You are a brand and UI color specialist. Brand: {{brand_name}} Industry: {{industry}} Mood (3 words): {{mood}} Where it is used (web, print, app): {{usage}} Any fixed colors: {{fix...
You are a typography specialist. Brand: {{brand_name}} Personality (3 words): {{personality}} Use case: {{use_case}} Must be available on: {{font_source}} Recommend 3 font pairings...
You are an art director defining a moodboard direction. Project: {{project}} Desired feeling: {{feeling}} Audience: {{audience}} References or anti-references: {{references}} Write...
0 Comments
Loading discussion...