Skip to lesson content
WCAG 2.4.4 · Level AEasy5 min readNavigation

Uninformative Link Text

Overview

Link text must describe the destination or purpose of the link. "Click here" and "Read more" are meaningless when read out of context.

Screen reader users often pull up a list of every link on a page to navigate quickly—and in that list, ten links all reading “click here” or “read more” are useless. Vague link text (WCAG 2.4.4) forces users to hunt for context they can’t easily reach, and it hurts SEO too, since search engines use anchor text to understand the destination. Descriptive links help everyone, especially on mobile and for users with cognitive disabilities.

WCAG Criterion:2.4.4
Conformance Level:Level A
Difficulty:Easy
Time to fix:~5 min
Category:Navigation

The Problem

This pattern is inaccessible — avoid it.

[ AVOID ]
<a href="/pricing">Click here</a> <a href="/blog/wcag-guide">Read more</a> <a href="https://example.com">www.example.com</a>

The Fix

Use this accessible pattern instead.

[ CORRECT ]
<a href="/pricing">View pricing plans</a> <a href="/blog/wcag-guide">Read our WCAG 2.2 compliance guide</a> <a href="https://example.com">Example website <span class="sr-only">(opens in new tab)</span></a>

Step-by-step

  1. Replace generic phrases ("click here", "learn more", "read more") with descriptive text.

  2. The link text should make sense when read alone, out of context.

  3. For links that open in a new tab, add visually-hidden text '(opens in new tab)' or an aria-label.

  4. For icon-only links, add aria-label to the <a> element.

Common Mistakes

  • Repeating “Read more” / “Learn more” / “Click here” across many links.

  • Using a raw URL as link text (screen readers read it character by character).

  • Opening a link in a new tab with no warning.

  • Linking an image that has no alt text and no aria-label.

How to Test for It

  • List all links in a screen reader (Insert+F7 in NVDA) and check each makes sense alone.

  • Read your link text out of context—does it still describe where it goes?

  • Run an automated scan for generic or ambiguous link text.

Framework Notes

How to apply this fix in your stack.

[ HTML / CSS ]
<!-- Visually hidden helper class --> .sr-only { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0,0,0,0); }

FAQ