Why "Click Here" Links Suck Jan 21, 2021

Using “Click here,” “More,” or “Read More” as link text is a common but misguided practice. These phrases don’t provide meaningful context for screen readers, speech recognition users, or anyone scanning links out of context. Instead, opt for descriptive text that stands on its own. Below are a few guidelines:

1.  Make Link Text Descriptive

The link’s purpose should be clear even without surrounding content. For example:

<!-- Poor link text -->
<a href="about.html">Click here</a> to learn about our company.

<!-- Better link text -->
<a href="about.html">Learn about our company</a>.

<!-- Even better link text -->
Learn <a href="about.html">about our company</a>.
2.  Avoid Generic Phrases

Duplicated link text like “Read More” can be confusing. Use unique, concise phrases for each link.

3.  Keep It Short, But Clear

It’s okay to use a sentence as link text if needed, but avoid overly long phrases or entire paragraphs.

4.  Use Full URLs Sparingly

When linking to a URL directly (e.g., http://example.com), consider how it impacts voice-control and screen reader users.

5.  Fallback Options

If you can’t convey meaning in the link alone, add context in surrounding text or use a title attribute, but recognize that’s a last resort.

Following these guidelines boosts both accessibility and user experience, making your content clearer and more inclusive.