Ask HN: Light grey text is killing my eyes. | Hacker News Reader

Ask HN: Light grey text is killing my eyes.

47 pointszepolen39 comments

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?

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.)

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.

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.

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.

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.

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.

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.

Maybe it should get progressively more grey then as you get longer and longer.

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?

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.

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)

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.

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.

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.

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.

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.

I'm not sure it discourages long posts. The writer doesn't see it's gray until the text is posted.

Bookmarklet:

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

I use the Zap Colors bookmarklet from http://www.russellbeattie.com/blog/the-zap-colors-bookmarkle...

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.

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.

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.

Thanks for the tip.

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

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

Validating the colors contrast/luminosity/readability should be done using this:

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

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

If you use firefox, you might want to look into STYLISH or GREASEMONKEY.

Both provide ways to change the look of any website.

Use w3m:

http://w3m.sourceforge.net/

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

Use your mouse to quickly highlight the text. Now you can read it as light grey on blue, which is much easier.

I get a weird bright yellow on dark gray, which is even harder to read

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!)

Ctrl-A

wow, was not ready for that. Just made it look cluttered

Okay, my cursor is at the beginning of the line. Now what?

Finally this gets to the front page. My very first post was exactly the same: http://news.ycombinator.com/item?id=439399

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.

If you browse with opera try view-style and select the option that suits your needs.

I like using a simple CTRL+A to highlight all text on page; (windows xp, ff3.05)

why not let people pick their own color schemes? Like we do with the top bar.

So back to coding! :-)

Reply on news.ycombinator.com