144

Apparently links are now underlined. While I'm personally not a big fan of this, this seems to be a design decision.

However, code in links is underlined as well. This makes it rather hard to read.

Use this command or use this_command

Use [`this command`](https://stackoverflow.com/) or 
use [`this_command`](https://stackoverflow.com/)

Can at least links that contain code not be underlined please.

Note: There is Inline tags (inserted by [tag:] markup) are now underlined but I don't know if the answer applies only to tags or also to code.

13
  • 4
    Also, it looks like, along with this change, links have also been recolored, so they're standard-link-blue when unvisited, but a bluish/slate grey when visited. Which looks great in plain text, where a brighter color for a link you've already seen might be distracting (especially when you already have the underline to signal the same thing). But in a code tag, that's just grey on slightly darker grey.
    – abarnert
    Aug 19, 2018 at 3:40
  • Why is this so hard to userstyle? Apparently setting text-decoration:none on several variations of a>code doesnt work Aug 19, 2018 at 6:48
  • Related: meta.stackoverflow.com/questions/372719/… Aug 19, 2018 at 10:22
  • 3
  • @BoltClock Thanks - display:inline-block works and doesn't mess up the positioning. Aug 19, 2018 at 14:38
  • Also mixed code/not code links look terrible (like two separate links), as I mention on the MSE question
    – River
    Aug 20, 2018 at 4:29
  • Here's another awful looking example that I just stumbled upon: Regex pattern.
    – 41686d6564
    Aug 20, 2018 at 7:29
  • 1
    I'm curious why 6 people (so far) have downvoted this? Do they disagree that code links shouldn't be underlined?
    – DavidG
    Aug 20, 2018 at 9:47
  • @DavidG Five people have upvoted kjhughes' answer supporting the underlining. I, for one, think it would have been an improvement weren't it for the issue with underscores.
    – duplode
    Aug 20, 2018 at 15:41
  • Here's a tag for you: bug. It does not look like a [tag] Aug 20, 2018 at 15:48
  • 1
    Can we get rid of this (design decision)?! I like the way it was :) Aug 20, 2018 at 16:33
  • 3
    Perhaps SO could set a border-bottom instead?
    – Jed Fox
    Aug 20, 2018 at 18:54
  • 2
    I added this rule to stylebot .post-text a:not(.post-tag), .comment-copy a, .wmd-preview a:not(.post-tag) { text-decoration: none; } just as when they added that side border, and the design change I don't like vanishes. Aug 21, 2018 at 14:23

2 Answers 2

133

It's not just a matter of being hard to read; this is actually hiding information, in a way that's going to confuse novices.

You could argue that nobody's going to be stupid enough to think that C++ has a type called unordered set instead of unordered_set—well, you could argue that, if you could see the difference.

But what happens when I tell someone to use ls -a to see if there's a .DS_Store file, and they report that they couldn't find anything named .DS Store, even after putting quotes around it?


Sure, we could change the way we write our answers. Instead of this:

You want to use the new_child method, instead of calling the constructor, like this:

… I could write:

You want to use the new_child method (docs), instead of calling the constructor, like this:

But that's more verbose, and there's no counterbalancing improvement.

Not to mention that, even if we did all change overnight, that wouldn't affect the zillions of answers already on the site.

12
  • 59
    It does seem like a poorly thought out design decision especially since it was made in the name of accessibility. I'm surprised it wasn't tested much more thoroughly.
    – BoltClock
    Aug 19, 2018 at 10:33
  • 42
    C++ has a type called unsigned long long int, so it wouldn't be to stupid to believe that it has a type called unordered set.
    – mcarton
    Aug 19, 2018 at 11:28
  • 2
    Is it my imagination, or has a change been made very recently to make the underscore character (just barely) visible even when underlined? If I look closely, I can now tell which underlined terms in this post include underscores, I don't think I could do that earlier.
    – Blackwood
    Aug 19, 2018 at 16:57
  • 1
    @Blackwood It's not your imagination. As far as I can tell, underscores within links within code within quotes can be seen more or less clearly.
    – duplode
    Aug 19, 2018 at 23:07
  • 3
    @duplode I wouldn't say "more or less clearly". If you look very carefully, you can now see the line is a pixel thicker in the space in unordered_set but not in unordered set, but that's hardly something you can expect most people to pick up on.
    – abarnert
    Aug 19, 2018 at 23:11
  • 1
    Note that @duplode refers to underscores within links within quotes. I you look at your two blockquotes with "new_child" the underscore is not the same colour as the underline, which helps the contrast a little bit. I agree that the difference may be too slight.
    – Blackwood
    Aug 19, 2018 at 23:16
  • @Blackwood Ah, you're right, it's a pixel thicker and also darker. Which I didn't notice when zooming in to see the difference, but did notice when zooming in to see the difference after being told to look for another difference. Maybe this just means I've been wearing my contacts too long (I tend to forget to take out my extended-wear disposables until a few days after I'm supposed to…), but I think it demonstrates that (a) the devs are right that the color scheme they've chosen doesn't allow for sufficient contrast, and (b) they're wrong that underlines are the solution to that problem.
    – abarnert
    Aug 19, 2018 at 23:22
  • @abarnert Yup. Every time I post a link within code I wonder if people will notice the difference between blue on grey and black on grey. Underlining would be a neat solution for that -- shame about the underscores.
    – duplode
    Aug 20, 2018 at 1:07
  • 1
    You are right, this breaks code in links all over the site. This is horrible, SO needs to do an immediate rollback!
    – Lundin
    Aug 20, 2018 at 9:35
  • 2
    @BoltClock Ever since Jin left I don't think they've really had a cohesive design strategy.
    – TylerH
    Aug 20, 2018 at 14:11
  • 1
    What if SO used dotted underlines? It's still not super readable, but it's better than solid underlines
    – Justin
    Aug 20, 2018 at 22:43
  • @Blackwood even worse, you can tell the difference only if the underline is present (or you have both variants next to each other like in this answer or just have remembered the existence of this difference and hope, that no other design change happened since then). In all other cases, someone seeing, e.g. unordered set does not know that there is no underline until someone tells them, that the underline would look different.
    – Holger
    Aug 21, 2018 at 14:13
61

It's just a matter of taste, but the underlined links look horrible. It is horribly distracting to glance at a paragraph and automatically have your eyes drawn to the colored and underlined text. That is a "human factor" to consider. It makes paragraphs awkward to read. For example:

enter image description here

The code formatting at the beginning of the paragraph is completely obscured (or overpowered) by the link underline.

So much so that in every browser or text editor I generally limit link underline to "underline on hover" to prevent the distraction unless I am explicitly focused on the link. There is a css property that does just that -- that should be employed if you persist with the underlining. Even then, there is no real need for underlying at all in questions or answers, The blue text is more than sufficient for 99.9% of the seeing public. For those that are visually impaired or color-blind, then having the "underline-on-hover" provides a simple way to disclose the existence of a link by moving the mouse over the paragraph without distracting the remaining 99.9% of the color-seeing population.

Underline is a holdover from the days of black-and-white text without italics capability. It was reserved for separating Author and Title information in a citation within a bibliography or end-note. It should generally be avoided mid-page.

I'm all for progress and making the pages more readable for all, but the use of a persistent underline does more harm than good, especially when an underline-on-hover would suffice.

14
  • 7
    I agree this looks horrible on SO (thought not as much on some other SE sites), but I think this answer belongs on the MSE question about underlining in general, not on this question about whether they can exempt links in code from underlining.
    – abarnert
    Aug 19, 2018 at 4:06
  • Yes, I thought about a separate question, but if I had done that, there would have been a pile on group dowvote for missing the duplicate and not posting here. I just answered a couple of questions on SO and it really changes the entire intent and readability of a technical answer to have your eyes skip over the first part of a paragraph and straight to the link (which may be for informational or reference purposes only and not a primary part of the paragraph). Aug 19, 2018 at 4:09
  • 1
    I'm not suggesting you add a separate question; I'm pointing you to a question that already exists, where I think this answer should be added.
    – abarnert
    Aug 19, 2018 at 4:10
  • Ah, thank you, yes, there are good suggestions there on readability with underline and it would seem to suggest against the underline in the middle of the paragraph on SO questions/answers. Aug 19, 2018 at 4:12
  • 1
    So, I'm guessing you missed the link in my comment because, even with the underline, it's hard to spot links that are colored only a slightly different grey from the surrounding text? That might also be worth mentioning…
    – abarnert
    Aug 19, 2018 at 4:14
  • 1
    No, I got that and I agree with you on the shades of gray. It is just bewildering that for at least the past 4 years the prior link formatting worked just fine, and now we have seem to have come up with a new solution for a non-existent problem. I'd trade the boxed fly-out tags in a heartbeat if I could get the hover-over question title summary back... Aug 19, 2018 at 4:16
  • 2
    According to the SE devs on that MSE link, this is because of the upcoming major retheming: most of their new themes apparently have even less opportunity for contrast than the current ones, so it will no longer a non-existent problem, so that's why they've solved it with underlining. (Presumably those themes have to be so low-contrast for reasons I don't understand because I'm a code nerd rather than a font nerd. And hey, maybe in the new themes the underlined links won't look terrible, so I'll reserve judgment… but I'm not holding my breath.)
    – abarnert
    Aug 19, 2018 at 4:40
  • 4
    Amen. The older I get the more stuck in my ways and resistant to change I become. (especially when, like with SO, the format and layout and been so very good for quite some time (banner changes, notwithstanding). If it's not broke, don't fix it :) I'll likewise reserve judgment, I just wish they wouldn't piecemeal the stuff. It really is a shock to answer a question and have it look awkward and think "Did I screw something up?" -- no somebody else changed something out of my control. With as large as SE has become, even small changes effect a great number of people. Aug 19, 2018 at 4:48
  • 4
    "In order to know if you are using a C11 compiler, check __STDC_VERSION__." Gaaah!
    – Lundin
    Aug 20, 2018 at 9:43
  • When I added the link to the preprocessor check, there paragraph disappeared... it was nothing but blue-underlined text leaping off the page. Without that reference, the user at least had a fighting chance of finding the actual explanation within the sea-of-blue.... :) Aug 20, 2018 at 9:46
  • Devil's Advocate: The "color-seeing population" is more like 95% of the population, which is about 350,000,000 worldwide or 458,506 just on Stack Exchange. Are you also suggesting that anyone who can't differentiate color well should be constantly running their mouse across text on the off-chance that an underline pops up on hover? That information should always be available. Users shouldn't have to search for it. Aug 21, 2018 at 18:30
  • @DarrickHerwehe I won't speak for David, but I'm suggesting that it should work the same way as Wikipedia and countless other sites which have all found better ways to enable accessibility for the other 5%, while at the same time not harming usability for the 95%. Not to mention also working for, e.g, people who can't use a mouse/trackpad/touchscreen and have to tab through links. (And a big part of this is designing for accessibility from the start, rather than trying to bolt it on. Any reason that starts with "We designed some new themes and links aren't visible in them" is not a reason…
    – abarnert
    Aug 22, 2018 at 1:11
  • @DarrickHerwehe "Are you also suggesting that anyone who can't differentiate color well should be constantly running their mouse across text on the off-chance that an underline pops up on hover?" No. There is no need for that. If they are interested in whether a link is present, then, of course, a simple mouse-over would be all that is required. Paragraphs would still look like paragraphs instead of an awkward flowchart or "Fall Down" game. I appreciate the devils advocate position. It boils down to whether 435,580 should have awkward paragraphs, or 22,925 could mouse-over. Aug 22, 2018 at 1:13
  • 1
    @DarrickHerwehe For example: Most of the color-blind 5% are not color-blind in a way that prevents them from distinguishing bright-blue-on-white vs. black-on-white, so they don't have a problem in the first place. And most of those who are, are so limited that they need to use assistive devices anyway, so the site is designed to work with them. What about the small number in the middle? Well, if you log in, you can select a style designed for color-blind users, or you can just turn on underlines. What if you're in that tiny minority and refuse to log in? Then I guess you have to hover links.
    – abarnert
    Aug 22, 2018 at 1:18

You must log in to answer this question.

Not the answer you're looking for? Browse other questions tagged .