Ask HN: How did low contrast text become so pervasive?

10 mr-pink 13 6/30/2025, 3:38:35 AM
It seems like black on white text is now truly verboten for whatever reason on at least 70-80% of websites.

can anyone explain the benefits? to me, everything looks faded out, and rather than my eyes being able to pick up the letterforms I just perceive a field of gray and have to rely on plug-ins to get easily discernible text back.

Comments (13)

seanwilson · 4m ago
It's just people following trends I think and designers that have decent eyesight not knowing to consider people with poor eyesight. Someone sees some elegant looking site that has grey text and/or thin text, they copy it, someone else copies that etc.

From my experience working with designers, many have minimal understanding of WCAG and will only adjust the contrast near the end of the design phase to get it within passing limits if it's easy to do without spoiling their design.

The rules for body text are pretty simple and I'm not excusing it, but WCAG can be intimidating and confusing (ask people why they don't follow it or understand it). There's loads of rules, the documentation is verbose, and it tells you what needs to pass, but lacks guidelines on how to do this with branded designs.

I've been in this situation as a developer a few times where I'll tell the designer what the WCAG rules are, and they'll not change anything because they don't know what to do without spoiling their design. E.g. I'll mention "your main brand color can be used for large heading text, but it doesn't contrast enough for buttons", where the options might include picking a darker brand color (a big ask), a darker color just for buttons or maybe black for buttons.

To help with the above, I started working on a tool to create branded color palettes, with the idea that you pick the colors for your headings, buttons, body text etc. with accessible contrast upfront, rather than tweaking the contrast of these as an afterthought later:

https://www.inclusivecolors.com/

leakycap · 10h ago
It's funny to me that as I read this post the text is #828282 and the background color is #F6F6EF, a contrast ratio of 2.23:1 failing the 4.5:1 ratio minimum in the Web Content Accessibility Guidelines (WCAG).
throwawaysleep · 8h ago
First you will need to convince people that WCAG is relevant. I have worked at over a dozen employers at this point and none of them have thought it worth mention. The anecdotes on Hacker News about it are that the individual devs had to do the legwork to get it considered.
codingdave · 1h ago
It is quite relevant if you work with public entities - schools, cities, etc. There are people out there who test government sites to be sure they are compliant and report it to the DOJ when they find failures. And the folks at the DOJ will call you to discuss it. Those calls were surprisingly pleasant and helpful, at least in those days (I haven't done that work in 5 years), but if you think you won't get called out on it in public industries, you'd be mistaken.

It is not necessarily relevant if you only work with private individuals and entities.

But it also isn't that much of a burden. So my take on it is just do it and then it never is a problem.

leakycap · 7h ago
I don't convince employers or clients to follow WCAG, I just do it. If they say the link needs to be yellower, I figure out how to make the link look yellower and make it within WCAG.

If they ask for something outside WCAG, I say no, that doesn't meet the standards required and do not ask if they want to respect the standard.

I learned to stop asking permission to use my professional judgement when I went to a boss with an active password/login leak that was risking an important dataset and his response was "if it hasn't leaked, let's just not worry about it and leave it"

What do you know, the next morning he was informed of a leak and I was approved to fix the issue. The leak was not real, of course.

infotainment · 8h ago
Regardless of how one personally feels about it, you can get sued into oblivion in certain countries for not complying with WCAG, so that's something.
everfrustrated · 2h ago
My theory is it's due to the prevalence of Apple Macbooks which have horrible glossy screens so users have to crank up the brightness to full to see anything at all.
al_borland · 2h ago
Designers have been trained to never use white or black. I believe the justification is less eye strain, but many take it too far.
throwaway843 · 7h ago
On the one hand, there are lots of articles explaining that #000000 is not true black, and #ffffff is not true white.

On the other, there are lots of articles explaining that black on white will cause readers discomfort so recommend camouflaged light grey on dark grey, or vice versa, as better.

muzani · 8h ago
It's designers flexing their knowledge of the 3:1 limit. It's like how architects don't make rectangular buildings, there has to be some curve somewhere.

Some say that black on white is harsh on the eyes, but something like 10:1 should be fine.

aurizon · 9h ago
I think some bad web design instructions just get propagated among script kiddy web designers = fat fee for minimal work. I like black on white = I hate beige/fawn text on ochre/puce? screens. I have complained to about a dozen sites = zero response = I endure and visit less.
throwawaysleep · 8h ago
It is meant to look soft and minimal and it looks fine on a brightly lit, expensive monitor.
java-man · 9h ago
apple. tiny light gray text on white background, barely visible.