The Crucial Role of Colour Contrast

When I began designing reports in Power BI, my focus was primarily on aesthetics I wanted the visuals to engage the audience and make a strong impression. However, I soon realised that I was prioritising visual appeal over user needs. My designs were not bad, but they weren’t always functional or inclusive. Then, I came across the concept of digital accessibility, and as I looked into it, I learnt about the importance of colour contrast.

Ensuring that information is easy to read and interpret, regardless of the user’s environment or visual abilities, is crucial. It’s not just about choosing colours that look good together but about ensuring there’s enough distinction between text and background for everyone to engage with the content effectively. This concept is particularly important in data visualisation, where clarity is key to understanding.

An image illustrating contrast with the word ‘Contrast’ displayed on a light blue background. The word transitions from bold black (‘Good’) on the left to faint, low-contrast light grey and blue (‘Bad’) on the right. — Contrast matters: Good contrast ensures clarity, while poor contrast leaves your message faded into the background. See the difference for yourself!

This is why I incorporated another step to my designing process. Whether it’s a Power BI report, a text document, or a PowerPoint presentation, I always check the colour contrast between the foreground and background. I take into consideration the Web Content Accessibility Guidelines (WCAG), compliance level AA, which establishes a standard contrast ratio of 4.5:1 for normal text and 3:1 for larger text.

Tools like Adobe Colour Contrast Checker and WebAIM’s Contrast Checker help me identify areas where colour combinations could be improved. Using these tools, it becomes clear how often subtle colour combinations, which seemed perfectly fine at first glance, fail to provide the necessary readability for users.

Recently, I came across the Accessible Perceptual Contrast Algorithm (APCA), and I have to say, it’s been a revelation. Unlike the fixed thresholds of WCAG, APCA uses perceptual contrast, considering how we actually see colours under different conditions.

This approach feels more accurate, especially when designing for dark mode. I’m genuinely excited about APCA because it aligns perfectly with the practical needs of creating accessible designs for diverse audiences. That’s why I’m diving deeper into understanding it and learning how to interpret the results. It’s a game-changer for me, and I can’t wait to see how it improves my work. If you have not heard about it, I highly recommend looking into it. It might just transform the way you approach design too.

Throughout this journey, I’ve realised that colour contrast is crucial not only for inclusivity but also for effective communication. By prioritising colour contrast in my work, I’ve improved the usability of my reports and made them more welcoming and inclusive for a broader audience. This shift in mindset has also provided an interesting way to discuss the importance of creating accessible digital products with colleagues and stakeholders.

Thank you for joining me on this journey. Until next time, let’s keep crafting accessible insights that make a difference!