Link text is vague

  • WCAG 2.4.4 Link Purpose (In Context), level A
  • Moderate
  • Links and buttons
  • Automated
  • Server pass

Why it matters

Screen reader users often pull up a list of all links on a page. A list of ten "Read more" entries is useless.

How to fix it

Make the link say where it goes. If the design needs a short visible label, add the context for screen readers with an aria-label that starts with the visible text.

<!-- Before -->
<a href="/blog/a11y/">Read more</a>

<!-- After -->
<a href="/blog/a11y/">Read more<span class="screen-reader-text"> about accessibility basics</span></a>

Read the W3C guidance: Understanding 2.4.4 Link Purpose (In Context).

Related rules

Find this on your own site. A11yMate scans every page and lists where it happens. See pricing or browse all rules.