“Learn More.” “Learn More.” “Learn More.” Which One Goes Where?

Opdivo website with JAWS output showing multiple identical "Learn more" links highlighted, all announcing the same text with no way to distinguish their destinations.
<a href="/treatment-options">  Learn more about treatment options</a><a href="/safety">  Learn more about safety information</a><a href="/support">  Learn more about patient support programs</a>
<a href="/safety" aria-label="Learn more about safety information">  Learn More</a>
<a href="/support">  Learn More  <span class="visually-hidden"> about patient support programs</span></a>

    Why is using “Learn More” as link text a problem?

    Because it lacks context. Screen reader users hear identical links and cannot tell where each one leads, making navigation confusing.

    How do screen reader users navigate links?

    They often use a links list feature to scan all links on a page. If all links have the same text, the list becomes unusable.

    Doesn’t visual context solve this issue?

    No, screen readers don’t rely on visual layout. They read link text programmatically, so context must be included in the link itself.

    How can developers fix unclear link text?

    Use descriptive link text or enhance accessibility with ARIA labels or visually hidden text so each link clearly communicates its purpose.