"Congratulations, here's your first set of glasses" - the present I got when I turned 50.
While the site focuses on seniors, a lot of the suggestions are good ones in any case - fonts larger than legalese and with good contrast will make your page more easily approachable and less likely to lose viewers who get frustrated because they can't read what you're trying to say.
There's a limit, though. I end up browsing most modern websites at ~60% zoom, because the text is so huge I find it distracting. Luckily the browser zoom feature is pretty great these days, so users can view at any size they like.
There's a limit, though. I end up browsing most modern websites at ~120% zoom when I'm tired, because it's more comfortable. Lay back in chair, still read comfortably. There's so much wasted whitespace it usually doesn't even break the layout.
I'm 29 and my eyesight with glasses is ok. Been wearing 'em for 22 years.
But really the worst offenders are gray text on lighter gray background websites. Whyyyy designers why?
Since the browsers remember zoom level I just set it to be comfortable for whatever it is and forget all about it, I had to check what I have HN set to on my desktop and it's 190%.
It's not that I can't read it at 100 it's just tiring and I have mild astigmatism so I get eye strain.
The HN default of tiny text is headache inducing. I have pretty good vision, but HN is one of the few sites where I have to crank it up to 150% zoom minimum.
It's weird, I think HN's text size is perfect and view the site at 100%. I clicked through to your link and immediately scaled it down to 66% to make it readable.
> But really the worst offenders are gray text on lighter gray background websites. Whyyyy designers why?
Color calibration.
On a good monitor, 10 or 12bit depth, 1000 to 10000nits of contrast, which designers tend to have, black text on white background has such a high contrast that it creates actual pain, and migraine.
So they use dark grey on light grey instead, and then, for them, it looks exactly like newspaper text.
A customer on a cheap, garbage monitor – maybe just 6bit of colors, 50nits of contrast – on the other hand, can’t even reach the contrast of a newspaper if they’d go full black on white contrast.
The contrast between the darkest black and the brightest white on a cheap monitor is equivalent to the contrast ratio between 40% (approx #666666) and 60% grey (approx #aaaaaa) on a designer’s monitor.
Yeah I know. I use the same monitors that designers use. Or at least used to a few years ago when Apple monitors were still The Thing To Have. Haven't upgraded in a while.
You know what happens with those gorgeous monitors with perfect contrast and beautiful calibration when it's sunny outside and my blinds aren't down or I'm physically outside with my laptop? They turn flat black. Can't see shit.
Also designers sometimes push the contrast thing too far. In both directions.
The problem is the contrast ratios. The contrast between 0% black and 100% white on a good screen is so high, it physically causes pain, even migraines. Which is why on HDR screens, the colors of CSS are actually limited to avoid ever going darker than grey or brighter than grey, and the contrast is still very large.
#000000 on a cheap screen is equivalent to #666666 on an HDR screen, #ffffff on a cheap screen is equivalent to #aaaaaa on an HDR screen.
So if a designer uses something that looks exactly like newspaper contrast to them, it’ll look unreadable on a cheap screen.
> The problem is the contrast ratios. The contrast between 0% black and 100% white on a good screen is so high, it physically causes pain, even migraines.
Maybe that means you need to turn down your screen's brightness.
It's called sRGB and it supposedly has a "black point" which is not entirely black. Nobody uses it though, on photos it would be useless. Also for me black on white is perfectly fine in a well lit room. White on pitch black is indeed problematic. Anyway, it could be a user/browser preference instead of a designer preference.
Lowering brightness shouldn't distort color-calibration too. You are supposed to match your brightness to the surrounding lighting too.
On Firefox that's "View ... Page Style ... No style." And I do that enough times per day (precious snowflake designers, take note) that I installed the Firefox addon "Disable Style button" which adds a red/white "CSS" stop sign button. https://addons.mozilla.org/en-US/firefox/addon/disable-style...
Honestly, that one button fixes almost every UI/UX problem I encounter. I never use Reader Mode, I never open developer tools, I just nuke styles, read the site and move on.
As alluded to, yes it's "ok". How good it is varies based on how tired I am. I like sites at 100% or less zoom in the morning, and often at 110% or more zoom towards the end of the day. Also depends on how far away my screen is.
For example, I tend to put my phone screen very near my face in the evening.
No such thing as perfect eyesight when you've been wearing glasses since you were 8 ;)
About half the devs in my team have their font rendering cranked up on their desktops, and they're all in their 20s, so it's not just old people who benefit from this.
First change I make on any Windows box is to bump up the desktop rendering to 125% or 150%, depending on the monitor size and resolution. I also set a minimum font size in Firefox of 14.
Honestly, I've worn glasses all my life, and it's never occurred to me that, when I'm not wearing my glasses, the websites are the one's at fault for not making themselves more readable.
I think "web developers should make things more readable" is addressing the symptom and not the problem. The solution is simple when it comes to readability: wear corrective lenses.
First, as your eyes lose the ability to focus (which is a gradual process, not a step change), you find that over time you need more and more lenses: one for objects at 18 inches (your laptop), one for objects at 24 inches (your monitor), etc. You don't always have the proper lenses at hand when you need them.
Second, all the transparent bits of the eyes slowly become less transparent with time. Some problems (cataracts for instance) can be fixed with surgery; others would require replacing the entire eyeball.
Third, a number of unlucky people develop problems with their retinas, which may or may not be fixable, and the fixes rarely leave the retina in as good a shape as it was when it was younger.
So "wear corrective lenses" is not a bad suggestion, but if web designers are targeting older people, they need to assume the the reader's eyes are not what they once were, and that there may not be much that the reader can do about it.
While the site focuses on seniors, a lot of the suggestions are good ones in any case - fonts larger than legalese and with good contrast will make your page more easily approachable and less likely to lose viewers who get frustrated because they can't read what you're trying to say.