Ask HN: Light grey text is killing my eyes.

47 pointsby zepolen17 anni fa39 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?

42 comments

kennyroo17 anni fa

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

eatenbyagrue17 anni fa

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.

Retric17 anni fa

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.

alabut17 anni fa

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.

ewiethoff17 anni fa

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.

[deleted]17 anni fa

alabut17 anni fa

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.

pg17 anni fa

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.

jrockway17 anni fa

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.

alabut17 anni fa

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.

alabut17 anni fa

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.

AndrewWarner17 anni fa

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

roberto17 anni fa

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.

alabut17 anni fa

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)

jeffesp17 anni fa

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.

zepolen17 anni fa

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.

mattmcknight17 anni fa

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

alabut17 anni fa

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?

fizx17 anni fa

Bookmarklet:

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

zvikara17 anni fa

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

jeroen17 anni fa

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.

light317 anni fa

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.

jpcosta17 anni fa

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.

stern17 anni fa

Thanks for the tip.

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

indiejade17 anni fa

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

fred17 anni fa

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

jorgem17 anni fa

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

Both provide ways to change the look of any website.

sfk17 anni fa

Use w3m:

http://w3m.sourceforge.net/

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

anc202017 anni fa

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

smokey_the_bear17 anni fa

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

FredSource17 anni fa

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

edw51917 anni fa

Ctrl-A

dfranke17 anni fa

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

transburgh17 anni fa

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

silvajoao17 anni fa

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

nazgulnarsil17 anni fa

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.

dmoo17 anni fa

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

redorb17 anni fa

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

vaksel17 anni fa

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

babo17 anni fa

So back to coding! :-)

[deleted]17 anni fa

ram102417 anni fa