How to Fix Colour Contrast Issues in Rise 360

Overview

This covers two related problems: text that's hard to read against its background, and information, like a right or wrong answer, that's shown using colour as the only signal. Faint gray text on a white background is hard for almost everyone to read, not just people with a diagnosed vision impairment, and a colour-only signal disappears completely for a colour blind learner.

Step-by-step instructions

1. 1

   Open your course theme's colour settings.

2. 2

   Check the contrast between your text colour and its background, aim for at least 4.5:1 for normal-sized text.

3. 3

   Increase the contrast if it's too low, adjusting the theme keeps it consistent across the whole course instead of fixing one block at a time.

4. 4

   For any feedback or status that currently relies on colour alone, add a second signal, an icon or the word "Correct" or "Incorrect" alongside the colour.

5. 5

   Preview the lesson in grayscale if possible, or squint at it, if the meaning only comes from colour, it needs a second signal.

Screenshots

Tips

• Stick to your theme's built-in colour palette instead of introducing one-off custom colours, it's the easiest way to keep contrast consistent across an entire course.
• 4.5:1 is the target for normal text, large text (18pt and up, or 14pt bold) only needs 3:1.
• Imagine the course in grayscale and ask whether the meaning survives, that's a fast, reliable gut check.

Common mistakes

• Choosing a custom theme colour that looks clean but doesn't have enough contrast against the background.
• Marking correct answers in green and wrong answers in red with no other signal, like an icon or label.
• Fixing contrast in the main theme but overriding it with a low-contrast custom colour on one specific block.

Why it matters

Low vision and colour blind learners may not be able to read this text or notice this signal at all.