News for hackers. Stuff that matters.

Ask HN: Light grey text is killing my eyes.

Posted by zepolen on Thursday February 05, 2009 @11:46AM
from the ask-hn dept.
Self posts like this one have very low contrast when they use grey text and I find it impossible to read them.

In contrast, the comments which are in black text are easy to read.

Can something be done about this?

( 39 comments | 47 points | on HN )
Re:Ask HN: Light grey text is killing my eyes. by kennyroo on Thursday February 05, 2009 @12:23PM (#468278)
Light gray text is a DTD (designer-transmitted disease) that's rapidly infecting sites across the Internet.

(When it's really light, I use Firebug to modify the CSS.)

[ Parent | on HN ]
Re:Ask HN: Light grey text is killing my eyes. by eatenbyagrue on Thursday February 05, 2009 @12:32PM (#468305)
I second that. The designers I work with have this fetish for low contrast designs that may be super mod and hip, but seem to lower usability to me.

In general I agree that black on white might be a little harsh, but when you have squint to make out the text it's over the top.

[ Parent | on HN ]
Re:Ask HN: Light grey text is killing my eyes. by Retric on Thursday February 05, 2009 @01:01PM (#468377)
One option under Firefox is View > Page Style > No Style.

It's black text on a white background, but you lose indenting. I tend to use this when I want to read text from a site that's really hard to read.

[ Parent | on HN ]
Re:Ask HN: Light grey text is killing my eyes. by alabut on Thursday February 05, 2009 @03:42PM (#468666)
Easy on the anti-designer bigotry there, dude, it's only the crappy designers that use super low contrast text just because they think it's cool. That's not the case here - see my comment below and pg's confirmation for a rational discussion behind its usage here on HN, it's a very intentional decision and serves the intent well.

Now whether the intent is right or not (should HN morph more into a Metafilter-like free-for-all message board for hacker types, rather than a structured conversation around links?) is a different discussion. I like the current orientation towards news.

[ Parent | on HN ]
Re:Ask HN: Light grey text is killing my eyes. by ewiethoff on Thursday February 05, 2009 @04:42PM (#468782)
Remember CSS Zen Garden (http://www.csszengarden.com/) and The Zen of CSS Design book? And Zeldman (http://www.zeldman.com/)? Way cool when cutting edge designers were figuring out what CSS 2.1 is capable of. But such low contrast! And lots of tan. Then the candy-colors-on-white "Web 2.0" look hit... Another year, another DTD.
[ Parent | on HN ]
Re:Ask HN: Light grey text is killing my eyes. by alabut on Thursday February 05, 2009 @12:06PM (#468231)
I haven't seen a rationale for it yet but I'd guess that it's a subtle way of encouraging descriptions to be short (like the one you just wrote), it's probably intentional that it's hard to read long rambling posts like http://news.ycombinator.com/item?id=468139

I read a pg comment somewhere that makes me think that's his design decision - he already weighs "Ask HN" type of posts differently than the standard one with links, for example. Maybe it's to ward off too much navel-gazing.

[ Parent | on HN ]
Re:Ask HN: Light grey text is killing my eyes. by pg on Thursday February 05, 2009 @01:53PM (#468471)
Yes; I do this to discourage people from making too many such posts, and making them too long. I don't want HN to turn into a blogging platform. Also, I wanted to make it easy to tell these posts from comments. If I made the text black I'd have to make it smaller, and then it would look just like a comment.

But I'm not wedded to the current way of doing things. I'd be open to alternatives.

[ Parent | on HN ]
Re:Ask HN: Light grey text is killing my eyes. by jrockway on Thursday February 05, 2009 @06:26PM (#468972)
It seems like this system punishes me, the reader, for something that the poster did wrong. If the poster is supposed to write his long rants on his blog and then link them here, the software should tell him. It shouldn't subtly make his stuff harder for me to read, because if I'm interested, I'm going to push through the low contrast text anyway.

Anyway, if you want to nurture the community, I don't think it's a bad idea to make the feedback deliberate. "This is too long, don't post it," will be a lot more effective than changing the color of the text.

[ Parent | on HN ]
Re:Ask HN: Light grey text is killing my eyes. by alabut on Saturday February 07, 2009 @05:20PM (#471543)
Well, the lighter text does punish the original poster, indirectly. It lowers the likelihood of engagement by an audience and I like that subtle approach more than heavy-handed alert warnings. Sites that have that kind of approach feel like I'm in the principal's office and being scolded for no good reason. Subtle encouragement to do other types of behavior feels more like I'm in a hippie montessori school instead - we're not going to come down with the stick if you behave a certain way, but we're not going to give you the carrot unless you do better.
[ Parent | on HN ]
Re:Ask HN: Light grey text is killing my eyes. by alabut on Thursday February 05, 2009 @03:53PM (#468709)
The fact that people are complaining about not being able to read longer blocks of text means it's working just fine. And it's a nice subtle touch - I never consciously considered why I tend to ignore rambling posts and stick to the discussion area instead until now.
[ Parent | on HN ]
Re:Ask HN: Light grey text is killing my eyes. by AndrewWarner on Thursday February 05, 2009 @11:43PM (#469368)
I'm not sure it discourages long posts. The writer doesn't see it's gray until the text is posted.
[ Parent | on HN ]
Re:Ask HN: Light grey text is killing my eyes. by roberto on Thursday February 05, 2009 @12:30PM (#468295)
Then limit the size of the textarea or something like that. It's bad usage, and saying that "it's a feature, not a bug" doesn't help.
[ Parent | on HN ]
Re:Ask HN: Light grey text is killing my eyes. by alabut on Thursday February 05, 2009 @03:48PM (#468682)
Not sure that limiting the textarea would help - it's not like it constrains the length of these replies, for example. It's pretty trivial to compose a block of text in Textmate and paste it in, I'll often do that just for the spell checking or to make sure it doesn't get lost in submission or browser crash or whatever. (and often to review and make sure I don't post something I'll regret)
[ Parent | on HN ]
Re:Ask HN: Light grey text is killing my eyes. by jeffesp on Thursday February 05, 2009 @06:52PM (#469018)
I believe that this form submits to a process on a server that could limit the number of characters that are allowed in the textarea.
[ Parent | on HN ]
Re:Ask HN: Light grey text is killing my eyes. by zepolen on Thursday February 05, 2009 @12:08PM (#468237)
That was in fact the post that triggered this one. I gave up reading it after the second paragraph.

However it was mainly because I wasn't interested in the topic, but had checked all the other articles out. There are some long self posts that are genuinely interesting to read and it still hurts my eyes to read them.

[ Parent | on HN ]
Re:Ask HN: Light grey text is killing my eyes. by mattmcknight on Thursday February 05, 2009 @01:29PM (#468425)
Maybe it should get progressively more grey then as you get longer and longer.
[ Parent | on HN ]
Re:Ask HN: Light grey text is killing my eyes. by alabut on Thursday February 05, 2009 @03:45PM (#468673)
Very interesting idea. Do you mean each paragraph in a post gets lighter as it goes on or the color for the entire comment block fades depending on overall length?
[ Parent | on HN ]
Re:Ask HN: Light grey text is killing my eyes. by fizx on Thursday February 05, 2009 @12:35PM (#468313)
Bookmarklet:

javascript:var%20l=document.getElementsByTagName("TD");for(var%20i=0;i<l.length;i++)%20l[i].style.color='#000'

[ Parent | on HN ]
Re:Ask HN: Light grey text is killing my eyes. by zvikara on Thursday February 05, 2009 @07:53PM (#469098)
I use the Zap Colors bookmarklet from http://www.russellbeattie.com/blog/the-zap-colors-bookmarkle...
[ Parent | on HN ]
Re:Ask HN: Light grey text is killing my eyes. by jeroen on Thursday February 05, 2009 @01:37PM (#468449)
For firefox, put this in your user stylesheet

@-moz-document url-prefix(http://news.ycombinator.com/){ td { color: #000000 !important; } td.subtext { color: #828282 !important; } }

see http://news.ycombinator.com/item?id=467680 for more info.

[ Parent | on HN ]
Re:Ask HN: Light grey text is killing my eyes. by light3 on Thursday February 05, 2009 @08:11PM (#469137)
Or if you're like me and find all the white backgrounds hurt your eyes, its simple to enforce black background / green text which makes reading much easier on the eyes, it also makes grey text easier to read.
[ Parent | on HN ]
Re:Ask HN: Light grey text is killing my eyes. by jpcosta on Thursday February 05, 2009 @01:55PM (#468477)
This is a neat idea but it's no good for me because I read HN from several places and I don't want to manually create a user style sheet in each one.
[ Parent | on HN ]
Re:Ask HN: Light grey text is killing my eyes. by stern on Friday February 06, 2009 @01:52PM (#470143)
Thanks for the tip.

Does anyone have good designs that stray from the general HN look?

[ Parent | on HN ]
Re:Ask HN: Light grey text is killing my eyes. by indiejade on Thursday February 05, 2009 @12:57PM (#468370)
http://news.ycombinator.com/item?id=156530

P.S. Here are the screenshots of "before" and after:

http://www.zentu.net/open-space/hackernewsbefore.png

http://www.zentu.net/open-space/hackernewsafter.png

[ Parent | on HN ]
Re:Ask HN: Light grey text is killing my eyes. by fred on Thursday February 05, 2009 @01:24PM (#468416)
Validating the colors contrast/luminosity/readability should be done using this:

http://www.hp.com/hpinfo/abouthp/accessibility/webaccessibil...

or

http://www.paciellogroup.com/resources/contrast-analyser.htm...

[ Parent | on HN ]
Re:Ask HN: Light grey text is killing my eyes. by jorgem on Thursday February 05, 2009 @12:28PM (#468291)
If you use firefox, you might want to look into STYLISH or GREASEMONKEY.

Both provide ways to change the look of any website.

[ Parent | on HN ]
Re:Ask HN: Light grey text is killing my eyes. by sfk on Thursday February 05, 2009 @11:55AM (#468204)
Use w3m:

http://w3m.sourceforge.net/

For reading, I find it much more pleasant than Firefox. Posting is perhaps a bit awkward.

[ Parent | on HN ]
Re:Ask HN: Light grey text is killing my eyes. by anc2020 on Thursday February 05, 2009 @03:26PM (#468618)
Use your mouse to quickly highlight the text. Now you can read it as light grey on blue, which is much easier.
[ Parent | on HN ]
Re:Ask HN: Light grey text is killing my eyes. by smokey_the_bear on Thursday February 05, 2009 @08:09PM (#469128)
I get a weird bright yellow on dark gray, which is even harder to read
[ Parent | on HN ]
Re:Ask HN: Light grey text is killing my eyes. by FredSource on Thursday February 05, 2009 @06:11PM (#468949)
I think reading the light gray is a problem. Obviously there are other design considerations - personally I'd go a little darker!

.. or to be really geeky, add a button to darken the color in the menu bar (simply change the .css with a little javascript!)

[ Parent | on HN ]
Re:Ask HN: Light grey text is killing my eyes. by edw519 on Thursday February 05, 2009 @01:09PM (#468398)
Ctrl-A
[ Parent | on HN ]
Re:Ask HN: Light grey text is killing my eyes. by dfranke on Thursday February 05, 2009 @04:05PM (#468736)
Okay, my cursor is at the beginning of the line. Now what?
[ Parent | on HN ]
Re:Ask HN: Light grey text is killing my eyes. by transburgh on Thursday February 05, 2009 @01:27PM (#468420)
wow, was not ready for that. Just made it look cluttered
[ Parent | on HN ]
Re:Ask HN: Light grey text is killing my eyes. by silvajoao on Thursday February 05, 2009 @02:24PM (#468524)
Finally this gets to the front page. My very first post was exactly the same: http://news.ycombinator.com/item?id=439399
[ Parent | on HN ]
Re:Ask HN: Light grey text is killing my eyes. by nazgulnarsil on Thursday February 05, 2009 @06:39PM (#468999)
The factory settings of most LCD's is WAY too bright. Try dimming your screen a little. I have no trouble reading it at all.
[ Parent | on HN ]
Re:Ask HN: Light grey text is killing my eyes. by dmoo on Thursday February 05, 2009 @04:14PM (#468751)
If you browse with opera try view-style and select the option that suits your needs.
[ Parent | on HN ]
Re:Ask HN: Light grey text is killing my eyes. by redorb on Thursday February 05, 2009 @04:14PM (#468750)
I like using a simple CTRL+A to highlight all text on page; (windows xp, ff3.05)
[ Parent | on HN ]
Re:Ask HN: Light grey text is killing my eyes. by vaksel on Thursday February 05, 2009 @12:32PM (#468307)
why not let people pick their own color schemes? Like we do with the top bar.
[ Parent | on HN ]
Re:Ask HN: Light grey text is killing my eyes. by babo on Thursday February 05, 2009 @12:50PM (#468357)
So back to coding! :-)
[ Parent | on HN ]