Website colour contrast: a practical check before publishing

Review every important text-background pair

Use dark text on a suitably light background or the reverse, and avoid judging contrast from colour names alone. Check small labels as well as the main heading. Decorative images and glass effects can change the background behind text. The editor's contrast cues are helpful, but a real readability check remains important.

Practical checklist

• Check body text against its background
• Review button labels
• Check small secondary text
• Test transparent surfaces over images
• Review the page on a phone

Your next step

Choose readable combinations first and use decorative variations only when they remain clear.