Thought Brew

Share this post

Colored vs. underlined links

thoughts.jatan.space
Musings

Colored vs. underlined links

Or why you should have underlined links to make things discoverable and accessible for your readers.

Jatan Mehta
Feb 8, 2022
Share this post

Colored vs. underlined links

thoughts.jatan.space

Colored text links on the Internet are popular. The familiar blue touted by a majority of hyperlinks on the Web goes back to 1993. However, as the linked article explores, web links used to be underlined for a decade before they went blue. I think we should go back to having underlined links everywhere for several reasons.

Clear communication

Here’s a screenshot of a paragraph from my article on NASA’s TESS telescope, where I changed the styling settings to display colored links.

Here’s the same paragraph styled with underlined links instead.

In the second view, you can clearly tell that “Earth-like” and “habitable worlds” are links to distinct webpages whereas the first colored-links-only view would have you believe all three words point to the same webpage. This is a simple example but you can easily imagine scenarios where, say, sentences contain four consecutive links.

Of course, you could argue that hovering the cursor above the link(s) tells you if the colored words represent one or more links. But that’s an unnecessary workaround, not a solution. More importantly, the argument fails on mobile devices where there’s simply no hover state. Let’s not forget that mobile devices are where majority of the people browse the Internet from.

We could also argue that maybe having successive links in a sentence isn’t a good idea in the first place. But limiting how we write things just to avoid how we link things is a backward premise. Moreover, are we going to (be able to) convince millions of people to make sure not to do put successive links in a sentence? Yeah, no chance of that happening.

Accessibility

If you indicate links on your website or blog only with color, people who are color blind might either have a hard time recognizing the links or won’t at all depending on the contrast between the color and its background. But they won’t miss an underlined link.

The finer things

The other thing we should consider is readability. While it’s definitely an opinion, I think colored links take attention away from words and sentences, especially in link-busy articles full of references. On the other hand, underlined-only links will nudge you enough to identify clickable text but would otherwise only minimally alter said text.

Now let’s consider devices other than just Desktops PCs, laptops and smartphones. People reading your blog or article on an ebook device like the Amazon Kindle, however rare that maybe, won’t see colored links at all! Most e-ink displays are black & white, and so underlined links are the only way to tell the reader “you can click me.”

Much the same argument applies to printouts of articles, most of which are likely to be black & white instead of color. Of course, we can’t click links on physical sheets of paper (yet) but even knowing that there’s a reference in a particular statement you just read is better than not.

Oh Wikipedia..

Even Wikipedia has stuck to using plain blue-only links since its existence. Here’s a screenshot from TESS’ Wikipedia page demonstrating the link discoverability problem I explained above.

Two distinct Wikipedia page links only become apparent to be so after hovering on one of them. Unfortunately, such sentences are very common on Wikipedia.

Circling back to my point about people reading things on e-ink readers, Wikipedia definitely fits that bill. There are dedicated projects that allow you to download entire sections of Wikipedia for offline reading on your e-ink device. Wikipedia itself offers a printable Wikipedia book service.

I failed to locate a link styling toggle in Wikipedia’s preferences menu so there seems to be no obvious way to solve the problem. The only relevant thing Wikipedia offers is adding custom CSS, which solves the problem for me at an individual level but isn’t a solution that will ever reach and thus benefit most people.

Imagine my dread when I realize that the biggest encyclopedia in the world, choke full of links to other Wikipedia pages and references, not only doesn’t underline links by default but offers no easy way to do so either.

What you can do

I’m not a web designer or developer but I hope that I’ve offered a compelling argument in favor of underlined links from the perspective of an Internet writer and reader. I hope it convinces you to make links you control underlined. If you really dislike monotonous-looking text, you can style the links to be colored and underlined. I’m pretty happy that Substack, where my blogs currently live, offers a simple toggle in their Dashboard to switch styling of links.

I hope other blogging and website platforms offer the same. Even if they don’t, you can make your links underlined by learning to add some custom CSS to your site. Again, it isn’t an ideal solution scalable to everyone but if you do so at a personal level, it will make reading easier for all your site visitors.


→ Browse the Blog | About | Tip

Share this post

Colored vs. underlined links

thoughts.jatan.space
Previous
Next
Comments
TopNewCommunity

No posts

Ready for more?

© 2023 Jatan Mehta
Privacy ∙ Terms ∙ Collection notice
Start WritingGet the app
Substack is the home for great writing