Link purpose is clear from link text

Multiple links labeled 'Read more' or 'Click here' on the same page are indistinguishable when a screen reader user navigates by links — a common way to skim a page. WCAG 2.2 SC 2.4.4 (Link Purpose in Context) is a Level AA requirement. Users navigating via the NVDA or JAWS links list hear a list of identical 'Read more' labels with no way to tell which article or section each leads to.

Make every link's purpose clear from its text alone, or supplement generic text with aria-label that includes the specific context.

// Bad — three identical labels, indistinguishable by screen reader
<a href="/blog/hooks">Read more</a>
<a href="/blog/typescript">Read more</a>

// Good — descriptive link text
<a href="/blog/hooks">Read the guide to React Hooks</a>

// Also acceptable — visible short text + aria-label for full context
<a href="/blog/typescript" aria-label="Read more about TypeScript generics">
  Read more
</a>

Audit every link in the codebase. Search for >Click here<, >Read more<, and >Learn more< without a disambiguating aria-label. In blog or card grids, prefer rendering the article title as the link text.