Slashdot Mirror


Internet is Becoming Unreadable Because of a Trend Towards Lighter, Thinner Fonts (telegraph.co.uk)

An anonymous reader writes: The internet is becoming unreadable because of a trend towards lighter and thinner fonts, making it difficult for the elderly or visually-impaired to see words clearly, a web expert has found. Where text used to be bold and dark, which contrasted well with predominantly white backgrounds, now many websites are switching to light greys or blues for their type. Award winning blogger Kevin Marks, founder of Microformats and former vice president of web services at BT, decided to look into the trend after becoming concerned that his eyesight was failing because he was increasingly struggling to read on screen text. He found a 'widespread movement' to reduce the contrast between the words and the background, with tech giants Apple, Google and Twitter all altering their typography. True black on white text has a contrast ratio of 21:1 -- the maximum which can be achieved. Most technology companies agree that it is good practice for type to be a minimum of 7:1 so that the visually-impaired can still see text. But Mr Marks, found that even Apple's own typography guidelines, which recommended 7:1 are written in a contrast ratio of 5.5:1.

30 of 331 comments (clear)

  1. And... NO CONTRAST by Anonymous Coward · · Score: 5, Insightful

    Let's not forget that the Internet decided a couple of years ago that contrast was a bad thing, and that foreground and background had to be the same color and almost the same shade.

    1. Re:And... NO CONTRAST by Joce640k · · Score: 3, Informative

      All major text editors have also moved to light grey on darker grey text.

      And lets not go into websites with white-on black for extra afterimage after you try to read them (eg. hackaday).

      --
      No sig today...
    2. Re:And... NO CONTRAST by Joce640k · · Score: 4, Insightful

      OK, let's see:

      http://komodoide.com/komodo-ed...
      https://www.sublimetext.com/
      https://code.visualstudio.com/
      https://atom.io/
      https://panic.com/coda/ (nice example of low-contrast website as well)
      https://www.jetbrains.com/webs...

      That was pretty fucking easy.

      If you want more examples then just type something like "best text editor" into google images and weep at the acres of grey-on-grey images that appear.

      Here, let me do it for you seeing as how you're a bit out of the loop: https://encrypted.google.com/s...

      --
      No sig today...
    3. Re:And... NO CONTRAST by Joce640k · · Score: 5, Insightful

      I think I may have found the problem,

      If you search for "best text editor for web development" they're all grey-on grey.

      Web "designers" are probably adjusting their monitor's contrast settings to make them usable. Result: Unusable web sites because making sites with any contrast hurts their eyes.

      --
      No sig today...
    4. Re:And... NO CONTRAST by darkain · · Score: 3, Interesting

      Sure, for an extremely exaggerated definition of "grey" - Just checked SublimeText's default theme: the text color is #F8F8F2, so just a hint of a shade off of absolute pure white leaning to yellow. The background, however, is indeed a "dark grey", but very well contrasted, as it is #272822. The default font is also a nice bold font which is easy to read. The other text editors on your list also follow a very similar style to this too.

    5. Re:And... NO CONTRAST by TechyImmigrant · · Score: 4, Informative

      Jesus H. That's like the anorexic fashion show of editors. There's nothing of substance there.

      VIM: Whatever my terminal is, which is white on black.
      Emacs: Whatever my terminal is, which is white on black.
      Notepad++: Black on white.
      BBedit: Black on white.

      That covers all of them I think, over Linux, Windows and MacOs. Nothing else matters.

      --
      I should use this sig to advertise my book ISBN-13 : 978-1501515132.
    6. Re:And... NO CONTRAST by skids · · Score: 3, Interesting

      Nope. Even when I get a headache and associated monocular diplopia, I still prefer my terminals (all light-on-dark) to websites (these days, practically all dark on light). I get the diplopia on light backgrounds as well, and the overall brightness makes my headache worse.

  2. Nothing new by penguinoid · · Score: 4, Insightful

    Idiots that value appearance over function have been around for a very long time. People only take them seriously for a little while, although management does take longer.

    --
    Don't waste your vote! Vote for whoever you want, unless you live in a swing state it won't matter anyways
    1. Re:Nothing new by fuzzyfuzzyfungus · · Score: 4, Insightful

      It certainly isn't new; but it is, arguably, even more glaring(and idiotic) now that 'mobile' is such a thing.

      Yes, the graphic designer who thinks that he's god's gift to beauty because the site 'looks good' on his color-calibrated multi-thousand-dollar Eizo has always deserved a smack; but that's especially true now that it is more likely that his target audience isn't just viewing the results on a smaller, cheaper, screen than he is; but on a tiny smartphone LCD, backlight dimmed for battery life, with a mirror finish to pick up every stray reflection and hint of sunlight.

      Form over function has always been a danger; and failure to test your output on a reasonable simulation of what people will actually view it on has always been a mistake; but the contrast is particularly glaring when the gulf between the sort of screens that 'content creators' tend to use and the average quality of screens site visitors are using is so enormous. It has always been there; but it has not always been so wide.

  3. Indeed by ErichTheRed · · Score: 4, Insightful

    What designer originally came up with the idea that light grey, 8 point text in a thin font on bright white background was the height of sophistication? And how did this idea spread??? It's not just the elderly having problems -- normal-vision people I talk to hate it too. The web is an information medium, not a coffee-table book that no one will actually read the text of.

    I know the trend is minimalism now, but even Microsoft rolled back some of the crazier design changes they made. Visual Studio became unusable around the Windows 8 era, and they've only recently added back a "dark background" mode and removed the monochrome icons. Apple shows no sign of doing anything to improve this problem. And a whole fleet of Silicon Valley startups are cargo-culting this whole design philosophy...I just wish someone influential would say something.

    1. Re: Indeed by Anonymous Coward · · Score: 5, Funny

      Apple did it so people cannot read all the complaints on their customer support pages.

    2. Re:Indeed by Calydor · · Score: 4, Interesting

      Sad but true.

      Having all information lately pushed in the form of images and videos doesn't help - I still haven't found a reliable means of searching for that one video where someone said ...

      I remember the internet back in the late 90s, when everyone had their own little corner of the net to publish the things they wanted to share with the world, and it was all in text. There was a lot of crap, sure, but you could find the stuff you wanted to. Now I get the feeling that looking up news from just last month is an exercise in futility as it gets buried in pointless results; that is, if there even is something to search for and it wasn't just a picture meme that will be forever lost.

      --
      -=This sig has nothing to do with my comment. Move along now=-
  4. Found the Windows user! by Anonymous Coward · · Score: 5, Informative

    Windows users always think higher resolution means smaller fonts. Proper operating systems automatically render the fonts based on the monitor's DPI.

    1. Re:Found the Windows user! by Rakarra · · Score: 3, Insightful

      it doesn't matter the OS when the website mixes em, %, and px for sizing. you can still find plenty of sites with px defined left/right margins.

      I'm not sure why this was modded troll. The above is true to a point, though it doesn't tell the whole story. These days I find most web sites use images (blank, or bg color) to create spacing, and most web browsers, by default, scale images up as well along with the text, so those spacers get scaled up along with the text.

      My biggest problem is with websites that enforce a traditional page-style format for their pages, such that when you scale things up to make it easier to read, it's like you're just taking a magnifying glass to the page. That's way too rigid a page design, but it fits squarely in the aesthetics of someone who used to do traditional layout on paper pages.

  5. Re:If you can't see the text by Joce640k · · Score: 4, Informative

    Or use the "Read Easily" addon for Firefox - flip the bird at all those "designers".

    The "designers" won't be happy until the page appears to contain no information at all - 100% clean and clear.

    --
    No sig today...
  6. Re:Its not the thinner fonts... by omnichad · · Score: 5, Interesting

    UHD doesn't require you to fit more on your screen. You can also keep everything the same size at a much higher DPI, for better sharpness and clarity (edge contrast is contrast too). Or find somewhere nice in the middle. For those with high visual acuity, it's nice not having blurry edges.

  7. UI chases fads by UnknownSoldier · · Score: 4, Interesting

    Part of the problem is that modern UI designers chase fads. (The previous fad was antiskeuomorphism.)

    You can see this in the UI "devolution" of Photoshop and others tools:

    * The background used to be black on white, aka "light" themes.
    * Now "dark" themes are in vogue -- with white on black.

    Also, True Type / Postscript / Web fonts still don't support color gradients. The classic is the old vertical "Orange-Yellow-White" gradient font used in Raiders of the Lost Ark

    Yet back in 1992 this was trivial with bitmap fonts:

    * Ultima 7 Main Menu
    * Ultima 7 NPC Dialog

    Most UI designers are clueless about the difference print fonts (serif) and screen fonts (sans serif). I don't expect many of them to understand the pixel grid

    --
    DVD / Blu-Ray Region Locking == Price Fixing.

    1. Re:UI chases fads by UnknownSoldier · · Score: 5, Insightful

      > Skeuomorphic design is stupid and childish.

      There is a name for myopic people who assumes their religion is "best" for everyone; their immature "my way is the only way" mentality is called a cult.

      The *proper* solution is to give users a **choice** -- because good style is subjective.

      Naturally, that begs the question, what is good? We'll get to that in a second.

      Some people think this bookshelf is absolutely beautiful. Compare and contrast to the "modern" version which is bland and boring. All sense of charm, and uniqueness is flushed down the crapper -- Amazon, Apple, Google, and Microsoft now all look the same. **Yawn**

      I'm not the only one who hates the flat button look. All these modern designs look the same -- bland. Skeuomorphism matches what a real calculator looks like -- and you can pry my HP48SX from my cold, dead hands, thank-you very much.

      Again, the best decision would be to match what users prefer. Some prefer the former, others prefer the latter. BOTH choices are OK. But designers love to pretend that they know better -- and shove their crap down my throat regardless if I like it or not.

      Personally, I find antiskeuomorphism design to be dumb and gaudy -- as there no context for what is foreground and background. Congratulations, you've removed all signal and just made everything noise!. How is completely over-loading the user with noise helping them???

      Maybe you prefer the gaudy, boxy design of Windows 1, er, Windows 8, but many people sure don't.

      UI should be about empowering users -- NOT "let's make everything look bland, sterile, gaudy, lifeless and make me want to gouge my eyes out" because that's what modern UI has become. A clusterfuck of visual vomit.

      IMO skeuomorphism is like spice

      * Too much and you get indigestion.
      * Too little and everything is "flat" and lacking.

      I also disagree that "flat design" is skeuomorphic but that is a topic for another day.

      --
      Henry Poincare derived the e=mc^2 Mass-Energy equivalence 5 years earlier before Einstein. Einstein also abbreviated it as a linear equation instead of an infinite series.

    2. Re:UI chases fads by jandrese · · Score: 4, Funny

      I thought white on black was good if you are in a dark room, and black on white is good if you are in a well lit room.

      So the solution is obvious, we need a browser extension that turns the room lights on or off depending on the site you are currently visiting.

      --

      I read the internet for the articles.
  8. "By the dragon embroidered on my butt pockets!" by Pseudonymous+Powers · · Score: 5, Funny

    My plea to designers and software engineers: Ignore the fads...

    Web designers? Ignore a fad?

    Hahahahahahahahahaha!

  9. Re:How to do this joke on /.? by omnichad · · Score: 3, Funny

    Maybe you should consider the lameness of your joke - filter working as intended.

  10. Internet becoming unreadable by Oswald+McWeany · · Score: 4, Funny

    Internet becoming unreadable because of lighter, more transparent content.

    --
    "That's the way to do it" - Punch
  11. Re:If you can't see the text by Joce640k · · Score: 5, Insightful

    Probably a bit like the site you're looking at right now.

    --
    No sig today...
  12. quick fix by blogagog · · Score: 3, Informative

    "ctrl +" will fix websites by making the text bigger in most or all browsers. Just fyi in case someone didn't know that.

  13. Re:If you can't see the text by fuzzyfuzzyfungus · · Score: 5, Interesting

    Remember those crazy, utopian, idealists who tried to design web standards so that content and presentation could be, and would be, cleanly separated; and thus easily adapted to the requirements of just about any user agent out there?

    That dream isn't completely dead; but it sure doesn't get much respect from the cool kids(which can make the 'just impose your own CSS' trick pretty hairy on some of the touchier sites out there).

  14. Scripts on web pages, take ages to finish page. by whoever57 · · Score: 5, Insightful

    What annoys me the most is the effect of all those scripts on web pages. It's not possible to start reading many web pages for several seconds after it is initially rendered: I need to scroll down to read the text past the lead paragraph, but the scripts keep causing the page to be re-rendered and hence jump back up to the top again. Ugh!

    --
    The real "Libtards" are the Libertarians!
  15. How to get this message across? by Geste · · Score: 5, Interesting

    At age 64, this article is timely for me. There are sites I would really like to read (example theintercept.com) but can not because they have fallen into the thrall of toney grey fonts as have so many others. In my example, I hardly think the people are bad people, but aren't they interested in getting their message out?

    So I looked around on that site for a link like "Feedback" or "Contact Us", but without any luck. Perhaps it was in the same grey font.

    Anyhow, I did find a "Jobs" link so I applied for a position of my own invention called "Web Usability Analyst, Part Time" and I explained my great interest in the position.

    Haven't heard back.

  16. Maximum Irony by brunes69 · · Score: 5, Interesting

    The linked article itself is not even using black fonts.

    They are using #333333 which is a dark grey.

  17. Re:Accessibility options by Solandri · · Score: 4, Insightful

    A lot of sites break if you try to zoom in or change the default fonts. Word wraps don't align properly. Letters start to overlap pictures or sidebar menus.

    The entire concept of the WWW as Berners-Lee conceived it was that the website would transmit information to the client, and the client's browser would display it in a format most suitable for the client display device. That way the exact same web page would work on a tiny cell phone screen or gargantuan 50" 4k TV used as a screen. Neither of those existed at the time, but he had enough foresight to predict a wide variation in client display sizes and requirements.

    But the people who became web designers were formerly page layout designers. They revolted. They were used to printed paper, where they controlled everything the reader saw - fonts, font sizes, text wrap around photos, columns, etc. Their ego couldn't stand ceding some of that control to the reader, so they fought tooth and nail to bring that control back to themselves. The early flash-only websites were their first salvo. Everyone hated flash sites, but they loved them because it would display exactly and only as they designed it. If the 1024 pixel width they chose didn't fit in someone's 800x600 monitor? Well obviously it was the reader's fault and they needed to upgrade to a better GPU and monitor. Modern websites are so design-centered that they actually have to create two different sites for display on large computer monitors vs small phone and tablet screens. There's almost nothing left under the client's control that can be modified without breaking something about the site.

  18. Re:Accessibility options by lgw · · Score: 3, Informative

    But the people who became web designers were formerly page layout designers. They revolted. They were used to printed paper, where they controlled everything the reader saw - fonts, font sizes, text wrap around photos, columns, etc. Their ego couldn't stand ceding some of that control to the reader, so they fought tooth and nail to bring that control back to themselves.

    In the early days this wasn't true. Good print designers know how to choose fonts and whitespace that will scale properly and keep a nice layout as you scale font size up and down. It was the managers and PMs, insisting that the web page look exactly like they wanted, on every monitor, like it was a magazine page. "The name of the company can't be smaller than 2 inches, the branding spec says so!" "On what size monitor?" "Don't bother me with your geeky trivialities!".

    The "designers" willing to put up with that shit gradually drove out the old heads who knew what actually looked good. Now fashion has replaced 3 centuries of science about legibility.

    --
    Socialism: a lie told by totalitarians and believed by fools.