Fix Light Text on Dark Background to Reduce Eye Strain
September 14th, 2008I often encounter professional web designers who like to display light text on dark backgrounds (sometimes white text on black background), but have they ever wondered how much eyestrain it causes to the reader and how much difficult it is to read the text?
Annoyed by light text on dark background?
I really didn’t know how to echo my thoughts, till Ironic Sans provided me a way to inform webmasters that readability was an issue with their site, the eyestrain was not tolerable and keeping me away from visiting their site and reading their great content.
Try to read through the paragraph for yourself.
If you could not read through that, they provide a cool bookmarklet (drag and drop to your browser toolbar), that you can use when you encounter light text on dark backgrounds – simply click it and it will fix the site design with dark text on light background. Now that bookmarklet is a permanent addition to my tools.
Of course there are more ways to reduce computer eyestrain like increase monitor refresh rate or turn on ClearType, but this fix will surely enable me to read many more blogs.
Liked it? Subscribe feed and keep reading our latest articles for free.Share: Digg Delicious Stumbleupon Twitter Email to friend
Related Posts
- Reduce Computer Monitor Eye Strain in 2 Easy Steps
- Increase Monitor Refresh Rate: Reduce Flicker, Eye Strain and Headaches
- Free Custom Twitter Background Designs
- Blend Google Adsense for Search with Customized Background
- How to Remove Yellow Form Fields Background Color
Don’t want to make a big issue out of this, but most readability studies are based on 1. ink on paper, or 2. really rotten design (ala Ironic Sans) example.
Here is the result of a scientific study:
* Green on yellow is the best colour scheme in the most conditions – except for italicised Arial, for which it’s the worst.
* Times New Roman on average is much better than Arial. (Surprising when you consider that most usability experts recommend san-serif fonts for on-screen reading).
* The combination which gives the fastest response time is italicised (!) green Times New Roman on yellow background.
* Black-on-grey is much faster to parse than black-on-white.
http://www.metalinkltd.com/?p=91
Good design affects readability. Font, color, kerning, leading, all have an impact.
Personally I prefer light text on black background. I am quite surprised to find there are a lot of people who prefer the other way round. Most site currently have light or white backgrounds with dark or black text. It seems that the choice should be left to the users. Maybe a button on the browser that can let the users invert the color scheme easily if desired ?