Debate: Does dark text on light backgrounds always win for accessibility?

I was talking to my coworker Dave last week after he redesigned our company dashboard. He used light gray text (#999) on a dark blue background and argued it looked more modern. I told him it failed the WCAG contrast check at a 3.2 ratio, but he said dark mode is trendy and users will adapt. Who's right here - do we stick to strict ratios like 4.5:1 or let design trends bend the rules?

2 comments

2 Comments

robinmason7d ago

Have you actually tried reading that dashboard on a phone screen in direct sunlight? Light gray on dark blue turns into a murky mess the second there's any glare. I've had to fix basically this exact setup before, and the designers always push back until they see someone squinting at their monitor for longer than 5 seconds. The trick I usually go with is keeping the dark background but bumping the text up to a solid #ccc or #ddd, which still looks clean and hits that 4.5 ratio. Your coworker Dave sounds like he's getting defensive about his choice, but at the end of the day users won't care about how modern it looks if they can't read the data labels.

robinmason7d ago

Strip the trendy crap and fix the contrast. Your coworker's design looks slick to his eyes but sucks for anyone with vision issues or a cheap monitor. WCAG ratios exist because people struggle to read low contrast text, not because some committee hates cool designs. 3.2 to 1 is trash for small text like dashboard labels. Dave needs to bump that up or pick a darker gray, period.

-1