4

Why does this site use a darker colour for links that have been clicked on? When scan reading down the pages all I notice are links I've already visited, completely ignoring the pale blue links.

To me this to me seems like a terrible UX.

I've asked a few other people about this and they feel the same way, so I'm assuming it's not just me.

Is there a good reason for it?

1
  • 1
    Doe seem a bit ironic.. but I would suppose it is to keep with the overall theme of the stackexchange sites in general
    – John Dream
    Jul 13, 2012 at 15:15

2 Answers 2

3

The point of visited links is not to make them lighter; it is to demphasize them and make it clear which have been visited.

Remember the default visited link color is purple vs default blue for unvisited for most browsers. It's a bit of a darker color and less eye catching for it; it fades more into the default black text. For many of the early years in web design, purple was almost unanimously the visited link color.

Here's an interesting tip straight from Smashing Magazine: The Definitive Guide To Styling Web Links (emphasis theirs):

Give visited links a darker shade of color, so that they stand out but aren’t as obvious as unvisited links.

Visited Links should be deemphasized and less eye catching. Personally I find UX.stackexchange does this rather well; the darker link color fades more into the black text than the bright blue of unvisited links. It's not so much that it's hard to see it's a link (that's too dark) but it's different enough to tell, once you're used to the site, which links are visited and which aren't at a glance.

Visited links are a luxury and may require some learning on the user side to get used to your style. They're not an absolutely critical feature of the site, whereas making links look like links is absolutely critical. This isn't to say visited links are unimportant, even if it seems they're less common these days, but unless you're using totally unstyled links (thus browser-default styled), users are going to have to learn your convention. Make it logical and confusing and you should be golden. Dark/light doesn't really matter if you're consistent and focus on demphasizing visited links.

Of course, since different sites use different conventions, it's possible you're just used to sites that make their visited links lighter. Or that the visited link color is similar to other sites' visited link color. There's lots of reasons one might not immediately grasp any one site's visited color convention, but I really don't think there's any evidence that visited links should be lighter always on all sites. Or always darker, for that matter; depending on your site's specific style, lighter or darker (or a different color altogether) may prove the better choice for making the visited link lose a bit of emphasis.

See also my answer on How to determine whether links have enough contrast? which has some relevant information on which link colors/visited links.

5
  • I understand the point it not to make them lighter, but from the tiny amount of testing I've done around the office the lighter links are passed over, while the darker links are noticed.
    – Korv
    Jul 13, 2012 at 15:35
  • The lighter links stand out in block copy. They stand out less in the big list of questions, but then, they are in a much bigger font. I mean, are they somehow easy to miss?
    – Taj Moore
    Jul 13, 2012 at 15:58
  • IMO the lighter color are easier to miss, especially since ignored tags are supposedly shaded in lighter color.
    – Lie Ryan
    Jul 15, 2012 at 9:33
  • Imho, the bigger the contrast between a link (or any content) is, the more the content stands out. The background of this site is a very light gray (at least for me), so the contrast between the background and the visited links seems to be bigger than between the background and the unvisited links. So whilst I agree with with Visited Links should be deemphasized, I also agree with the OP, to me, it seems wrong, too, to make the visited links darker...
    – Jan Nash
    Dec 3, 2016 at 9:15
  • (Just after adding the comment, I realized how old this post is :D)
    – Jan Nash
    Dec 3, 2016 at 9:17
1

The short answer is that this site uses the same CSS-styling for the question lists (where it emphasises due to the surrounding white-space) as for the question content (where it de-emphasises due to the surrounding dark text). The shades are applied site-wide to the 'anchor' tags (i.e. links) instead of adjustment for context.

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Not the answer you're looking for? Browse other questions tagged or ask your own question.