Fix Light Text on Dark Background to Reduce Eye Strain

I often encounter professional web designers who like to display light text on dark backgrounds (sometimes white text on a 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 a 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 kept me away from visiting their site and reading their great content.

Try to read through the paragraph for yourself.

I don’t know if I’m seeing more and more blogs that use light text on a dark background lately, or if I’m just getting more sensitive to it for some reason, but I don’t think my eyes can take it anymore. Sure, some sites look nice with that combination, but only when you first load them up. After reading a paragraph like this, the super high contrast gets to me. And the worst part is when I go to a different site and have the lingering after-image of the high contrast blog still burned in my retinas.

If you could not read through that, they provide a cool bookmarklet, 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 a light background. Now that bookmarklet is a permanent addition to my tools.

Of course, there are more ways to reduce computer eyestrain like increasing monitor refresh rate or turning on ClearType, but this fix will surely enable me to read many more blogs.

SEMrush trial

Fast forward to 2021 and now dark mode is the preferred way to use mobile devices.

Try Semrush Free - #1 SEO toolkit in the world. 7 day full access for free!

Share with friends

About the Author: P Chandra is editor of QOT, one of India's earliest tech bloggers since 2004. A tech enthusiast with expertise in coding, WordPress, web tools, SEO and DIY hacks.