Top
Best
New

Posted by theandrewbailey 4 days ago

Don’t use “click here” as link text (2001)(www.w3.org)
511 points | 342 commentspage 2
1970-01-01 4 days ago|
W3C missed the biggest problems (IMHO) with "click here"

* It's only 10 char and much too short for someone to click when it's inline with other links. Let's not mention text squirming around the screen via molasses JS, kicking your text up, down, and around the screen for several seconds before those short 10 chars finally become stationary.

* With high resolution touch screens, you're maybe 80% accurate on actually clicking right there. Again, my accuracy is my fat finger, and nearby links are just UI landmines.

layer8 4 days ago||
If a 10-character text link poses significant problems to be actuated, then something is really wrong with either the browser or the web page, not with the fact of having a 10-character link.
thesuitonym 4 days ago|||
> It's only 10 char and much too short for someone to click when it's inline with other links. Let's not mention text squirming around the screen via molasses JS, kicking your text up, down, and around the screen for several seconds before those short 10 chars finally become stationary.

That was much less of a problem in 2010, and either way not really something for the size of your hyperlink to fix.

kerblang 4 days ago||
Aye! Big fat isolated links win it for me. Can barely use touchscreens. Even with a mouse I am somewhat handicapped. The world has no sympathy. We need some kind of medical condition like "Slob Syndrome" to shame & guilt people with.
zzo38computer 3 days ago||
I mostly agree with the descriptions described there. However, sometimes a verb or verb phrase is appropriate, especially if it is "download", but then it should be a direct download link; the verb should be directly what it corresponds to and should make sense it context. Often a verb phrase would not be appropriate, though.
latexr 4 days ago||
The rule I follow is to write in a way that if all links were removed, it would still make sense. So “click here” never happens, because you can’t click text which isn’t a link.

With that singular idea in mind, everything else falls into place naturally.

xyst 4 days ago||
I suppose the reason this is posted here:

`contributed Sep 2001 by Aaron Swartz`

Wild to see how much this person contributed to the open web we use today. I think the most notable example was RSS? It’s a shame that rss feeds have been nuked from existence.

scosman 4 days ago||
Lighthouse also warns against generic link text, like “Learn More”. It’s one of the few lighthouse warnings I just ignore.
mrweasel 4 days ago||
How about changing the text ever so slightly, so rather than just "Learn More" it's "Learn move about X"?
scosman 4 days ago|||
There's a section with a nice header making it's clear it's about X, a paragraph with details about X. Adding redundant text in the button isn't improving design. "Learn more about Synthetic Data Generation" is a truly gnarly button. I have played with making the entire section the link, which makes lighthouse stop complaining, but is lousy for providing an affordance to the user that it's an action.
carlosjobim 4 days ago|||
Consider a product listings page, with a "Buy" button/link next to every product. Should those links be changed to differ from each other? Google Lighthouse sure thinks so, so it's better ignored.
mrweasel 4 days ago||
Fair point, no you're right that would be a bit silly to have "Buy X" instead of just "Buy". I would argue that that's the label of a button, not a link though.
carlosjobim 3 days ago||
Yes, but Lighthouse considers buttons and links to be the same if there's a "href".
Cthulhu_ 4 days ago||
In which case you ignore people with screen readers and search engines, too.
thesuitonym 4 days ago||
Learn more is perfectly descriptive for people with screen readers.
scosman 4 days ago||
And combined with resulting page, perfectly descriptive for search engines.
seanwilson 4 days ago||
It's worth emphasising that if something like "learn more" does work fine for non-screen-readers (like for a call-to-action button at the end of a section, which makes sense to me), you can add extra text just for screen readers so it reads something like "Learn more _about Amaya_" only on screen readers (via aria-label or a CSS class that hides text).

There's also SEO benefits here as well because the more descriptive text helps search engines understand what search keywords might be relevant for the page being linked to.

rs186 3 days ago||
I don't see any concern of accessibility in the article, and to my knowledge there is no accessibility issue in any of the examples.

So who is w3 to say how people should and shouldn't use links? All that I see are just opinions, with no objective metrics/theories to back up their recommendations.

W3 should be in the business of setting up technical standards that go through rigorous processes, not creating nonsense like this.

mmaunder 4 days ago||
Ah I remember this when it came out. At the time the web was rife with click-here links. This had a huge effect on solving the problem. Might have appeared on Slashdot.
orthoxerox 4 days ago||
It's not the best option for "action" hyperlinks, but I prefer it to making them look just like "information" hyperlinks.

For example, you have a page about... unemployment benefits. It has some body text that contains hyperlinks to other pages of the website, but at the end is has standalone paragraphs that say, "Click here to check your eligibility and apply online" and "Click here to log into the benefits portal". "Click here" identifies the things you are the most likely to do if you visit this page. This is much easier than scanning the body text for "the _residents_ of the _state_ can _apply online_ to sign up for unemployment benefits".

It's not the best option, an even better option it to pull out all "action" links into a separate panel, so it is typographically distinct from the rest of the page. Then the links can just say "check your eligibility and apply for benefits" and "log into the benefits portal".

flessner 4 days ago|
I get it that "click here" is not descriptive, but so is simply linking "Amaya". What is it? A person? A fruit?

People don't read websites linearly, in the best case they skim read all the buttons and links. I personally would include the verb as it gives important context and is a clearer CTA for the "skimmers".

Amaya is W3C's... "Download Amaya"!

More comments...