News for hackers. Stuff that matters.

A comment on Balancing text for better readability. Parent comment

Re:Balancing text for better readability by tangue on Friday February 08, 2013 @10:45AM (#5188366)
The contrast ratio is 5.57:1 well above the 4:5:1 requirement. It seems that they're using Adobe Clean Light ( Helvetica Neue Light as a fallback). This must be the source of your readibility problem. Depending on browser/platform font-weight: 300 can be a huge problem.

[1] http://juicystudio.com/services/luminositycontrastratio.php#...

[ Parent | on HN ]
Re:Balancing text for better readability by Stratoscope on Friday February 08, 2013 @12:33PM (#5188994)
You hit the nail on the head: The font-weight:300 is killing the readability in Chrome on Windows. When I toggle it off the text becomes readable.

I don't know what this 4:5:1 requirement is, but it also looks better to my eyes with the color:#444 toggled off so I get black text. But it's not as huge a difference as turning off the width.

[ Parent | on HN ]
Re:Balancing text for better readability by infinity on Friday February 08, 2013 @03:29PM (#5189927)
The "4.5:1 requirement" can be found in the Web Content Accessibility Guidelines (WCAG) 2.0, part of a series of Web accessibility guidelines published by the W3C's Web Accessibility Initiative:

http://www.w3.org/TR/WCAG/

Here is a detailed explanation:

http://www.w3.org/TR/UNDERSTANDING-WCAG20/visual-audio-contr...

[ Parent | on HN ]
Re:Balancing text for better readability by flogic on Friday February 08, 2013 @11:30AM (#5188621)
New rule... Don't use large blocks of colors like orange. That's just plain distracting.
[ Parent | on HN ]