Duplicate Link Text for Different Destinations
Making same-text links distinguishable for screen reader users
When multiple links on a page share the same text but lead to different destinations, users — especially those navigating by links with a screen reader — cannot distinguish between them. Each link's text should be unique, or provide enough context to differentiate it from other links on the same page.
What to avoid
<a href="/pricing">Learn more</a>
<a href="/services">Learn more</a>
<a href="/team">Learn more</a>- Screen reader users hear three identical "Learn more" links with no way to differentiate them.
- Users navigating by tab or by a links list cannot tell which link goes where.
- Sighted users scanning the page also get limited information from repeated vague text.
Best practice: unique visible text
<a href="/pricing">Learn more about pricing</a>
<a href="/services">Learn more about our services</a>
<a href="/team">Learn more about our team</a>Each link is descriptive and unique. The destination is clear without needing to read surrounding content. Works for all users regardless of how they navigate.
Alternative approaches
If design constraints require short visible link text, you can add visually hidden text read only by screen readers:
<a href="/pricing">
Learn more <span class="sr-only">about pricing</span>
</a>Prefer changing the visible link text. Visually hidden text adds maintenance overhead and can diverge from the visible content over time.
Another option is aria-label, but use it carefully — when the accessible name differs from visible text, users of speech recognition software who say "click Learn more" may get unexpected results.
<a href="/pricing" aria-label="Learn more about pricing">Learn more</a>Why it matters
Screen reader users frequently navigate by opening a list of all links on the page. When multiple links share the same text, that list becomes useless for navigation. Unique, descriptive link text ensures everyone can find and follow the right link.