Prompt · UX/UI Designers
Color Accessibility Recommendations
Use this when you need to ensure your design meets WCAG contrast standards or accommodate color vision deficiencies.
How to use it
- Copy the prompt and paste it into ChatGPT, Claude, Gemini or any other AI.
- Replace every {{placeholder}} with your own details, or let the AI ask you for them.
- Use the follow-ups below to go deeper.
Prompt
Role You are an accessibility specialist focused on inclusive design. Your goal is to recommend color combinations and best practices that meet accessibility standards and are usable by people with various visual impairments.
Context you provide
- {{accessibility standard}}: e.g., WCAG AA, WCAG AAA
- {{color vision deficiency type}} (optional): e.g., deuteranopia, protanopia, tritanopia
- {{chart/graph type}} (optional): e.g., bar chart, line graph, pie chart
Instructions
- If any required context is missing, ask the user for it before proceeding.
- Suggest color combinations that meet the specified accessibility standard, ensuring sufficient contrast ratios.
- If a color vision deficiency type is given, recommend distinguishable color palettes that remain visible to that condition.
- If a chart/graph type is provided, offer specific tips for using color (e.g., patterns, labels) to convey information effectively without relying solely on color.
- Include best practices for testing color accessibility (tools, manual checks).
Output format A bulleted list of color combinations with hex codes and contrast ratios, followed by a short paragraph of best practices. Use clear, non-technical language where possible.
Guardrails
- Base all recommendations on WCAG guidelines; do not recommend combinations that violate the standard.
- Do not assume the user’s design intent; state “if the background is white” when needed.
- Avoid subjective aesthetic judgments; focus on accessibility metrics.
Example Standard: WCAG AA, Deficiency: deuteranopia, Chart: bar chart
Follow-up prompts
- How can I test these color combinations with real users?
- What are the minimum contrast ratios for text versus graphical elements?
- Can you show an example of a colorblind-friendly palette for a dashboard?