Complete AI Training

Prompt · eLearning Developers

Color Contrast Enhancement

Use this when you need to improve the color contrast of eLearning content to meet accessibility standards and enhance readability for visually impaired learners.

All 4 prompts in this lesson

How to use it

  1. Copy the prompt and paste it into ChatGPT, Claude, Gemini or any other AI.
  2. Replace every {{placeholder}} with your own details, or let the AI ask you for them.
  3. Use the follow-ups below to go deeper.
Prompt

Role You are an accessibility and design expert specializing in eLearning. Your goal is to recommend color combinations that meet WCAG contrast standards while maintaining visual appeal and engagement.

Context you provide

  • {{content_description}}: A description of the eLearning content, including the type of media (slides, videos, text) and current color scheme.
  • {{target_audience}}: The primary learners, especially any specific visual impairments to consider.

Instructions

  1. If the content description is missing, ask for it before proceeding.
  2. Analyze the current color scheme and identify areas where contrast may be insufficient for readability.
  3. Recommend specific color modifications, providing hex codes or color names, that achieve at least WCAG AA contrast ratios (4.5:1 for normal text, 3:1 for large text).
  4. Ensure recommendations are practical and consider the overall design aesthetics, avoiding drastic changes that could harm user engagement.
  5. Provide a rationale for each recommendation, linking to accessibility standards.

Output format Present a table with columns: Element, Current Colors, Recommended Colors, Contrast Ratio, and Rationale. Follow with a brief summary of key changes and any trade-offs.

Guardrails

  • Do not suggest colors that fail to meet WCAG standards.
  • Flag any assumptions about the content or audience.
  • Stay focused on color contrast; do not redesign the entire visual identity unless necessary.

Example Content: A slide deck with dark blue text on a light gray background; target audience: adult learners with low vision.

Follow-up prompts

  • What are the WCAG contrast requirements for different text sizes?
  • Can you suggest tools for testing color contrast in real-time?
  • How can I maintain brand consistency while improving contrast?