Slashdot is powered by your submissions, so send in your scoop

 



Forgot your password?
typodupeerror
×
Science

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

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.
This discussion has been archived. No new comments can be posted.

Internet is Becoming Unreadable Because of a Trend Towards Lighter, Thinner Fonts

Comments Filter:
  • And... NO CONTRAST (Score:5, Insightful)

    by Anonymous Coward on Monday October 24, 2016 @01:01PM (#53140331)

    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.

  • Nothing new (Score:5, Insightful)

    by penguinoid ( 724646 ) on Monday October 24, 2016 @01:05PM (#53140361) Homepage Journal

    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.

    • although management does take longer

      Don't put me in that category!!!

      I actually allow crummy interfaces to make it to BETA. After that, they MUST clean it up for presentation to other managers :)

    • Indeed why do people think they invented serif fonts in the first place? I can no longer read my iphone without reading glasses and all they did was change the damn font thickness not it's size. This isn't a new discovery.

      • Newspaper printing rules don't apply because those extensively developed serif fonts don't work well on 72dpi monitors.

    • Maybe just my perception, but it seemed like it was about 10 years ago where itty bitty fonts and low contrast type was the big thing. If anything, I think things have gotten better. In any case, the client becomes more important in how text looks, particularly in the mobile arena.
    • by whoever57 ( 658626 ) on Monday October 24, 2016 @02:01PM (#53140889) Journal
      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!
      • by lgw ( 121541 )

        Your ad blocker isn't configured correctly.

    • Re:Nothing new (Score:5, Insightful)

      by fuzzyfuzzyfungus ( 1223518 ) on Monday October 24, 2016 @02:27PM (#53141157) Journal
      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.
      • 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.

        It's not the screen quality where the gap is - it is the eye quality. Designers tend to be young, between 20 and 30, and design for their peers. They have no idea that eyesight deteriorates that fast with age, they just can't image.

        Add to that the principle that we tend to find things prettier when their outline is less defined (which happens when you reduce the contrast) and you have recipe for disaster. Designer lowers contrast up till the point where he can still read it, but barely. Everyone with wors

  • Indeed (Score:5, Insightful)

    by ErichTheRed ( 39327 ) on Monday October 24, 2016 @01:06PM (#53140369)

    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.

    • Re: Indeed (Score:5, Funny)

      by Anonymous Coward on Monday October 24, 2016 @01:12PM (#53140433)

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

    • by narcc ( 412956 )

      Not quite black text on a not quite white background looks better than black text on a white background. I'd argue that it's a bit easier on the eyes as well. (I find bright displays a bit painful, physically, and keep the display brightness on my phone and computer very low.)

      It's such a simple and easy way to make boring old text 'feel' a bit more polished and professional, it's bound to spread.

      The problem, naturally, is incompetent designers taking a cool trick like that to an extreme, and lowering the c

  • ...its the insane resolutions that most people dont need.

    Do you really need a 2560 x 1600 Pixel screen on your 10 Inch Android or whatever-pad? Im in my 50s, and I dont even need prescription glasses according to my doctor. I see just fine. And the screen Im typing (and gaming) with right now is a 27" 1920 x 1080 pixel screen. When Im 50 cm (about 2 feet) away from it, I cant see a single pixel, but the sharpness of the fonts is just fine. But if you replace that with a UHD (4K) screen at the same size, y
    • by Anonymous Coward on Monday October 24, 2016 @01:10PM (#53140411)
      Windows users always think higher resolution means smaller fonts. Proper operating systems automatically render the fonts based on the monitor's DPI.
    • by omnichad ( 1198475 ) on Monday October 24, 2016 @01:12PM (#53140437) Homepage

      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.

      • It's great with low visual acuity as well. I find that on 1920x1080 ClearType can sometimes render fonts as horrible pixelated, badly kerned messes that are harder to read than the same fonts with no hinting applied whatsoever. At 3840x2160 that issue disappears.
    • by ADRA ( 37398 )

      What's missing from your system is either proper DPI or Android's DIP (probably the best measure) adjustments.

      Dots-per-Inch (DPI) world: If you have a 10 point font, it should be the exact same physical ruler size if you measured a word on basically any monitor assuming they were correctly specifying their DPI setting in their EDID. Of course there are distortions in monitor pixels, etc.. but should be darn close.

      Device Independent Pixel (DIP) world: The OS must knows the 'context' of the screen (aka distan

    • by Rakarra ( 112805 )

      Do you really need a 2560 x 1600 Pixel screen on your 10 Inch Android or whatever-pad?

      If your DPI is set properly, the display will look much better at higher resolutions, and that includes the readability of the fonts. Anti-aliasing doesn't become quite as necessary, and fonts will be just a bit less blurry.

      If a high resolution means you're seeing tiny fonts, then the system is not taking DPI into account, and it needs to no matter what size your monitor is.

  • by omnichad ( 1198475 ) on Monday October 24, 2016 @01:07PM (#53140383) Homepage

    And with browsers allowing stylesheet overrides and increasing support for screen readers, why should design be done for the lowest common denominator?

    Simply zooming in will make low-contrast text easier to read.

    • or Ctrl-a and reading white on blue.

      • A lot of web sites override those colors too. And often the selection color is even worse...though that would be what I would use override CSS for (if I needed it) - so I can see the original design until I highlight as needed.

    • by Solandri ( 704621 ) on Monday October 24, 2016 @02:13PM (#53141005)
      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.
      • by lgw ( 121541 ) on Monday October 24, 2016 @02:30PM (#53141197) Journal

        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.

    • "...why should design be done for the lowest common denominator?..." If I have only a binary choice between show-off-design vs "lowest common denominator" high legibilty typography, I'm going to choose high legibility. As it is, I zoom most web sites larger since I like to sit back from my laptop. But then, must it be binary? Isn't there another path, a middle road with elegant design, but enough contrast and size to make reading easy?
  • "Where text used to be bold and dark, which contrasted well with predominantly white backgrounds" Huh. I remember brightly colored text, black backgrounds and rotating GIFs.
    • by Rakarra ( 112805 )

      I prefer bright text on a darker background myself. At least in low-light situations it's far easier on the eyes than a white background.

  • Hey, I'm not that eld.

  • Also preference for 1's over 0's due to the 1's taking up less space is causing problems for database administrators and designers.

    Larry Ellison is reported to be pushing a new industry standard in which entire Oracle databases will be compressed into nothing but 1's thus saving billions globally in storage costs.

  • I've never understood what moron decided that making things hard to read was a good idea, even for those who still have good eyesight.

    • If you goal is to communicate information to users then hard to read stuff is idiotic. If you goal is to wow your boss, VC funder, or anything like that then you might as well fill the text with latin and the style look awesome from the 10,000 foot view.

      User interfaces are on a steady decline. Too many features lead MS to replace menus with the ribbon, which was a horrible cure for a real problem. Almost every program I have used scales very poorly with higher DPI screens. The few that actually pay atte

  • UI chases fads (Score:5, Interesting)

    by UnknownSoldier ( 67820 ) on Monday October 24, 2016 @01:15PM (#53140473)

    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 [wordpress.com] used in Raiders of the Lost Ark

    Yet back in 1992 this was trivial with bitmap fonts:

    * Ultima 7 Main Menu [mobygames.com]
    * Ultima 7 NPC Dialog [mobygames.com]

    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 [codinghorror.com]

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

    • The previous fad was antiskeuomorphism

      The fad before that was skeuomorphism, which wasn't a great plan on its own either. The problem is that people are only copying design ideas without understanding the why - and that's when it becomes fad-like. And those are the people that decided that a floppy symbol was somehow skeuomorphic rather than representational - when the vast majority of computer users have never used a floppy disk (which is true when you consider home computer adoption was driven by Internet adoption - especially at the older

    • Re: (Score:3, Insightful)

      by e r ( 2847683 )

      (The previous fad was antiskeuomorphism.)

      And it was good, too. Skeuomorphic design is stupid and childish.

      * The background used to be black on white, aka "light" themes.

      And it was excruciating to look at for longer than a few minutes.

      * Now "dark" themes are in vogue -- with white on black.

      Good. Now I can get some work done without wiping blood off my cheeks.

      • I agree, dark themes are a savior on my eyes. White backgrounds are the devil. I can actually turn brightness up on my screens now.

      • by ADRA ( 37398 )

        Lower your screen brightness? I've programmed 16 years professionally, 8 years in school, and probably gamed and watched TV throughout that period during my off hours. I've never had significant or even minor issues with screens 'burning my eyes' or some nonsense. There's nothing wrong with black on white as long as your screens are tuned to you. If the screen brightness is too painful, turn down the brightness. Its a pretty simple solution.

        IMHO, White on black is a lot harder to focus on the words but with

      • * The background used to be black on white, aka "light" themes.

        And it was excruciating to look at for longer than a few minutes.

        White on black used to be unreadable in CRT days, unless you had a really good monitor. Once your monitor was a couple of years old, white on black hurt the eyes more than any other theme.

        • by swb ( 14022 )

          Which old days?

          Back in the VT100 terminal days, black on white (aka inverse) was tough because phosphor bleed made the black text blurry. White text on a black background actually benefited slightly from phosphor bleed by smoothing the gaps and making the bitmapped fonts smoother.

      • by Rakarra ( 112805 )

        I think the "bright" themes were made for high-light situations. Lots of harsh office lights or outdoors work. If you work in a dimmer environment, the bright things are way too hard, but if I'm outside on a laptop or phone, the "dark" themes are pretty illegible.

      • Re:UI chases fads (Score:5, Insightful)

        by UnknownSoldier ( 67820 ) on Monday October 24, 2016 @02:42PM (#53141299)

        > 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 [techinasia.com]. Compare and contrast to the "modern" version [mashable.com] 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 [cloudfront.net]. All these modern designs look the same -- bland. Skeuomorphism matches what a real calculator [thimet.de] 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 [diffen.com] -- 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 [stephenhouze.com], 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 [gpofr.com] before Einstein. Einstein also abbreviated it as a linear equation instead of an infinite series.

      • by jandrese ( 485 ) <kensama@vt.edu> on Monday October 24, 2016 @04:51PM (#53142295) Homepage Journal
        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.
    • Also, True Type / Postscript / Web fonts still don't support color gradients.

      And why should they? Fonts hold letter shapes and sometimes ligature data. CSS is for presentation/styling/color. CSS doesn't yet support color gradients on text (only backgrounds), but there are clever workarounds. [css-tricks.com]

  • by Pseudonymous Powers ( 4097097 ) on Monday October 24, 2016 @01:17PM (#53140507)

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

    Web designers? Ignore a fad?

    Hahahahahahahahahaha!

  • by Oswald McWeany ( 2428506 ) on Monday October 24, 2016 @01:21PM (#53140541)

    Internet becoming unreadable because of lighter, more transparent content.

    • I wouldn't say the content is getting more transparent. I would on the contrary that there is more and more trolling, unsubstantiated claims, and unverified / unverifiable information, because some people / nations have no interest of having a free internet and see it as a way to control populations.

      Damn, I used to love the internet!

  • by PhrostyMcByte ( 589271 ) <phrosty@gmail.com> on Monday October 24, 2016 @01:24PM (#53140577) Homepage

    I've noticed that after getting a 4K screen, I've felt much less need to zoom in to view text.

    On some level I think this is consequence of web designers targeting mobile first a lot of the time. You tend to have much larger DPI on mobile now, and so you can make lines thinner and trade some color contrast because you have much sharper detail.

    • by Yvan256 ( 722131 )

      What those designers can't seem to understand is that a lot of people don't have HiDPI displays.

  • quick fix (Score:4, Informative)

    by blogagog ( 1223986 ) on Monday October 24, 2016 @01:25PM (#53140579)
    "ctrl +" will fix websites by making the text bigger in most or all browsers. Just fyi in case someone didn't know that.
    • Another one : in Firefox, click on the bread sandwich and on "Customize..." right in the bottom. Drag'n'drop the zooming controls left to the bread sandwich button.
      Now it's a single click to zoom (or a few), and a single click on the zoom size brings it back to 100% too.

  • Press next to see the rest of this story.

  • by OrangeTide ( 124937 ) on Monday October 24, 2016 @01:31PM (#53140635) Homepage Journal

    Wasn't CSS supposed to let users pick different profiles or override a webpage's settings? Or has CSS just become purely decorative?

    • CSS has always been presentational/decorative. The "C" in CSS defined an easy way for a browser UI to let you override some settings easily - but these settings are underused and so are buried way down.

  • White text on a black background please

    Or at least make it easy to cut/copy text from a page and paste into another program that I can set the size font and color

  • Just substitute your own fonts, fontsizes and colors, I'm doing it since the beginning, Geocities wasn't readable otherwise. :-)

  • iOS 9 redesigned the Music app to the point where I, a 44 year-old, could barely see it let alone read/use it. The overly chunky iOS 10 version was such an incredible relief. Have to say this is a big bug-bear of mine.

    Hello 25 year-old graphic designers. Congratulations on being a designer - enjoy it. But please, please show your designs to more than just your peer group. You may get a surprise.
  • I used to use the wonderful Readability add-on in firefox before it went all cloud-based and commercial. I still use a fork of Readability called Enjoy Reading, but it's not maintained and not available anymore. I sure enjoy using it to read articles, though. I can set the font and make it clear and have all the contrast I want. Even better, often times by stripping out all the cruft, it can display a page that displays in parts normally all in one page. It also tends to cut through those popups that say

  • The websites care so little about the content they provide, that they intentionally make it difficult to read. Why else, besides a lack of pride in the content, would a content provider prevent people from consuming their content?
  • by Geste ( 527302 ) on Monday October 24, 2016 @02:03PM (#53140905)

    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.

  • Maximum Irony (Score:5, Interesting)

    by brunes69 ( 86786 ) <slashdot@nOSpam.keirstead.org> on Monday October 24, 2016 @02:04PM (#53140909)

    The linked article itself is not even using black fonts.

    They are using #333333 which is a dark grey.

  • A few months ago, Ars changed their web page to a grey text on grey background which made the site unreadable. There was a major uproar and the designers cancelled the change for a while and now it's black text on a lighter grey background.

    In reddit the new /r/googlepixel subreddit has white text on a nearly white background in the header that allows one to select one's subscribed subreddits or change from the default Hot to New formats. They did change the font yesterday size, but if you want to read th
  • by cliffjumper222 ( 229876 ) on Monday October 24, 2016 @03:26PM (#53141715)

    I bought an Apple TimeCapsule and I couldn't read the instruction manual. I'm over 40 and usually don't have any problem with print, but the small light gray font they used beat me. I managed to work out how to use it from the web, but it pissed me off.

Keep up the good work! But please don't ask me to help.

Working...