You should use moderation. Guidelines for accessibility suggest a 3:1 contrast ratio as the minimum contrast level, but having too much contrast can also make reading more difficult (e.g. for people w/ dislexia)
Black text on white background (#000 on #fff) used to be standard on computer displays, and still is for many desktop applications. The expectation is that one's display is set to a reasonable brightness & contrast settings for that, which usually means less than 50% brightness setting. In addition, as the GP notes, black usually isn't very black on LCD displays (IPS panels in particular).
Web sites using noticably lower text contrast are bad in that one has to constantly adjust the display settings depending on the web site or app. Having less-than-optimal eyesight, I struggle with anything significantly less than pure black on white for running text, with regular contrast/brightness settings.
> Black text on white background (#000 on #fff) used to be standard on computer displays
Aside from computers with built in (e.g., early Macs) or external TV-style displays that had no color support (e.g., Timex Sinclair 1000), and later Macs even though they had color support, that doesn't seem to have ever been common, even on other machines of the same time.
EDIT: It was common on word processing, desktop publishing, and some other apps once WYSIWYG became a big trend, but that was pretty explicitly about print-on-white-paper skeumorphism, not an idea of what was ideal for work on a computer outside of the specific context of mirroring what print would look like.
> Black text on white background (#000 on #fff) used to be standard on computer displays, and still is for many desktop applications. The expectation is that one's display is set to a reasonable brightness & contrast settings for that
Tangentially, original Kindles render black text on a gray background, and it's great. Books use white paper and will hurt your eyes with glare if you read them outdoors. But somehow Amazon has decided that gray is only for their cheapest, crappiest model, and you should be excited about the "PaperWhite" "option". I don't get it.
It would be nice if the default background color was a choice rather than a price point. Personally I like reading in dimly lit rooms or subway rather than outside, so a brighter “paper” is an advantage. But I definitely understand that for reading on a beach you would like a darker one.
Since you have eyesight considerations, I'm curious: what about white on black (#fff on #000)? Is there any noticeable impact, positive or negative, over black-on-white?
For my eyes black on white is far superior. White on black results in haloing around all text, whereas black on white results in generally pretty crisp text. This is why I use light themes and high-contrast mode for anything that supports it. (The glaring exception is Spotify)
The basic idea is that for folks with blurred vision (not out of focus, literally blurred), bright colors will erode into dark surroundings. Dark text on light background means the text is uniformly slightly lighter than "ground truth", light text on dark background means a distracting halo forms around the text.
This. A thousand times. I'm an oldster -- and no, 40 is not old. My vision varies from dead sharp to blurry depending on eye fatigue, probably blood sugar levels, and how my rather large floaters are behaving. But by the end of a day of reading, it's almost guaranteed that my eyes will be blurry from fatigue and age-related stiffness, complicated by that modern-day miracle -- replacement lenses for cataracts. As a consequence, reading any light text on dark background when my eyes are blurry is just a mess of haloing. The haloing bleeds three or four lines above and below the line I am reading, creating a big fuzzy mess that's annoying and hard to read.
To be clear when I mention floaters, I don't mean the little black squigglies that everyone experiences at any age. Rather mine are more like floating but not completely un-anchored translucent blurs that move right when my eyes move left. I suspect mine are Weiss rings.
Know that all that time you spent choosing a font color that is one-level of gray removed from invisible ink will never be enjoyed by me. I've overridden the the default font and font color in my browser to be a nice large, heavy, mono-spaced black font. When my eyes are fresh, yeah, I can read your 300-weight pseudo-invisible ink just fine, but it flatly irritates me, hence the overrides. And right click inspect is my boon companion when reading any page too-trendily designed.
If you're less than 40, it's hard to appreciate how age changes one's eyes. So if you're a youngster, have a bit of sympathy for us old folks when choosing color schemes. Or don't. I'm happy you can do creative, and that those of us with less-than-youthful vision can make adjustments. Best of both worlds.
This is great insight, thank you for commenting. I'm very much interested in design that is at the intersection of accessible and beautiful at the same time. Unfortunately those things seem to be pretty mutually exclusive but it's my belief they don't have to be.
I always appreciate this sort of feedback - especially as a young guy! :)
Sounds like you have astigmatism. It can be mostly corrected by glasses.
But yes a dark on light theme helps a lot too! I like that almost all apps support light and dark modes these days so I can just switch to what I feel like. I have some astigmatism to but not very bad and I like the calm of a dark screen at night.
There are a number of aspects to light mode vs. dark mode. One important aspect is ambient lighting: to avoid eye strain, the average display brightness should be similar to the ambient lighting level. At least that's the general recommendation, and it matches my experience. So unless one works in the dark, that means light mode is more ergonomic. At night in bed though I read with dark mode on an iPad.
There also seems to be some scientific evidence that dark on light text is generally easier on the eyes than light on dark text: https://graphicdesign.stackexchange.com/a/15152.
I don't know how well-grounded that is (and whether it's independent from ambient lighting), but from personal experience I tend to agree with it. With white text on black, there is some blooming effect that makes reading more straining.
Finally, there are still many GUI applications that do not support dark mode very well (if at all), and a mixed environment (e.g. a dark-mode web site on a light-mode desktop) is just unpleasant.
For all those reasons, black on white works better for me.
I've seen this idea mentioned before, and while I don't know for 'average user' for my near sighted old butt, generally working in a fairly dark room...
'Dark themes' are much easier for me to work with for long periods.
I like 'medium' contrast (ambers, yellows, greys, greens) on a dark background the best.
Yeah - I just find it interesting that I've gravitated to preferring darker environments for screen work...I see those 'room setups' where people have bright sunny windows near the computer and just think "oh god, the glare!" :-P
> One important aspect is ambient lighting: to avoid eye strain, the average display brightness should be similar to the ambient lighting.
Which average (mode, median, arithmetic mean, geometric mean, harmonic mean, other?) of which measure of brightness?
> So unless one works in the dark, that means light mode is more ergonomic.
Does it? I’d like to see the work on that. IME, with common monitor settings, the brightness of most of the screen in light mode is typically much brighter than anything other thab directly looking straight at light fixtures in a typical work environment, it doesn't tend to approximate the ambient lighting level. Light mode on a purely reflective e-Ink type display would approximate ambient lighting, but that's not the kind of display usually used.
Do you use custom setups to browse the web? I'm curious what your thoughts are on color schemes such as HN's or Google's. Those aren't #000 on #fff but also aren't egregious super low contrast either, and at least to me, moderately high contrast palettes are easier on my eyes when I'm situationally reading in a dark room than pure black on white.
HN is acceptable (barely) on OLED mobile for me, but I’d prefer a white background and blacker text (like e.g. reddit). On other displays I often compensate by increasing the font size, but obviously that’s not optimal.
There's definitely a specific reasonable brightness level for #fff, depending on room brightness, somewhere in the realm of 200 nits. But I think a reasonable setting for #000 is "as dark as it goes". It doesn't seem right to depend on screen settings to control the contrast against black.
It might have been standard on web pages...
But there was a reason green screens and especially amber/yellow displays were popular long after color displays came out...
I still find amber on black one of the easiest color schemes to read.
> But there was a reason green screens and especially amber/yellow displays were popular long after color displays came out
Yes; monochrome monitors were typically higher resolution and color adapters could usually handle only very few simultaneous colors, providing very little benefit for the tradeoff of resolution.
IBM MDA (1981, monochrome text-only) was 80×25 text with a 9×14 font, or 720×348.
IBM CGA (also 1981) had 320×200 4-color graphics, and 640×200 monochrome graphics, with at most 80×25 8×8 text.
Hercules InGraphic (1982) had the same text mode as MDA plus 720×348 monochrome graphics.
IBM EGA (1984) highest resolution mode on a color monitor was 640×350.
It wasn't until VGA (1987) that there was a common PC color adapter that could drive a color monitor at or above the resolution of MDA text and Hercules graphics.
So, yeah, there was a good reason that monochrome (either alone or alongside a color display) hung around in the PC world.
>>It wasn't until VGA (1987)...
Personally, I didn't know anyone doing graphics on them. They were for pure text usages: programming, point-of-sale, etc. I think that's the reason they eventually died out: It wasn't people were giving them up, it was the home market taking off and people wanting color for games, photo editing, etc. People that worked on computers all day, were still using and loving their amber displays.
I was still using amber Wyse terminals well into the 2000s...Its like the old joke: Would you rather have a Wyse display or a 3270 keyboard ?
> Personally, I didn't know anyone doing graphics on them. They were for pure text usages: programming, point-of-sale, etc
Sure, and it wasn't until VGA that color displays could match MDA text quality, in theory, with the right display. But even then they were much more expensive.
>there was a reason green screens and especially amber/yellow displays were popular long after color displays came out...
yes, and the reason was the fuzzy-blurryness of color display technology at that time, and the fact that those in the industry were already used to monochrome displays and had workflows and settings adapted to monochrome. Once color display quality became high enough, monochrome demand completely evaporated.
I'm not saying that there is nothing nice about a monochrome display, and displaying light on black (my terminal and emacs windows are still black background, with a distinct fondness for green; I too am an old-timer), but still...
>>yes, and the reason was the fuzzy-blurryness of color display technology at that time, and the fact that those in the industry were already used to monochrome displays and had workflows and settings adapted to monochrome. Once color display quality became high enough, monochrome demand completely evaporated.
Eh? no one had color back then.. You had monochrome - you just got to pick which color you wanted: white, yellow, amber or green.
And I never saw monochrome demand 'evaporate' - I saw lots of new people come into computing in the 90s that wanted color for games, photo editing, whatever.
edit: what I mean is, there weren't enough of us 'text only' people to make it worth while for manufacturers with the armies of new users coming in with games, gui's and all that
I used to be quite fond of the amber CRTs, and still am from an aesthetic point of view. Also, for roughly my first decade of programming I used white text on blue background almost exclusively. So I get those who like dark mode. But eventually me and my eyes got older.
yeah - I find as I get older, I prefer a darker environment for working on the computer (turn of the room lights, etc) and a bright(blinding!) environment for working with my hands ;-) (Where did that #%$#% screw go!)
I also find, I'm _waaayy_ more annoyed by smudges on my glasses then when I was younger.
It kinda became that - with internet explorer and front-page? IE had different styles from Netscape and mosaic that both featured grey backgrounds and black text (blue/purple links).
I'll take your word for it :-) I don't really remember the early web well enough to recall. I was much more IRC/Gopher then WWW back then. Also, I was too cheap to pay for Turbo-C on windows back then, so I was using linux/gcc. I missed most of the early IE 'fun' :-)
Actually, come to think of it - I think front page was the harbinger of white backgrounds - not ie. I think the standard ie user style sheet also used black on grey.
3:1 isn't anywhere close to enough. That's the recommendation for graphics and UI components. For body text, WCAG suggests 7:1 and even that can be too light if the font is a thin style or is small.
Not to mention the various environmental factors that affect the contrast ratio in practice. Crappy LCDs in poorly lit environments rendering with buggy software. Err on the side of darker is better.
Here's an eminently readable site. Now sure it doesn't use #000 but it's also way more than 3:1 contrast ratio and uses reasonably sized generously-bodied fonts: https://www.contrastrebellion.com/
has my thoughts exactly (gee, I'm actually not the only one!) except usually I'm not just thinking but screaming until I have a sore throat. So, finally I agree with the Web site designer: Since clearly they don't want people to read their site, I won't read their site and, thus, just click away and intend never to return.
There is a special case of this gripe -- graphs. When I do graphs, say, in Excel, I spend over half the time just fighting the defaults. I want the fonts large, just BLACK, and BOLD. For the axes and tick marks, BLACK and THICK. I want to be able clearly to SEE the data and to READ the axis annotation. E.g., I'm on a diet of about 1500 C a day. I keep careful data and occasionally graph it. Sure, I want to print the graphs on my black and white only laser printer to give, say, to a nurse at a clinic. Soooo, I want the graph to be super easy to read once printed on my black and white printer.
mentions, what was it, some artistic or emotional goals? Well, it appears in most graphs that finally do make it into the content of the mainstream media (MSM), the intention is that the line for the data be an emotional expression, say, of a thrust of eureka up and to the right. So, they go for art (communication, interpretation of human experience, emotion) instead of data analysis. Graphs in papers in physics and engineering commonly are nicely done!
What is in common on many Web sites and graphs in the MSM seems to be a goal of an emotional expression instead of information. I'm in favor of a lot of emotional expression for both fun and profit. And if my Web site works, e.g., helps my users have good emotional reactions, then I will want to analyze and, at times, graph the profit, and there I care only about, call it, data analysis, e.g., information presented clearly and explicitly. To "circle back", when a site has text, I want to be able to read the text!
I know; I know: On a Web page with text that maybe artistically something or other but super tough to read, I can grab the HTML and use various text editor macros I have to rip out the HTML markup, leave the text, format the text, and then read it in my favorite text editor. THIS is what the Web site designer had in mind?
And some people can't really see writing at all if it's grey and white.
The best solution is user agents that actually convey a modicum of agency to the user. The second-best solution is adjusting your monitor; most monitors, you can reduce the contrast, but you can't really increase it.
You should use moderation. Guidelines for accessibility suggest a 3:1 contrast ratio as the minimum contrast level, but having too much contrast can also make reading more difficult (e.g. for people w/ dislexia)