Link text is vague
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
- Linked image has no accessible name (WCAG 2.4.4)
- Link has no text (WCAG 2.4.4)
- Same link text goes to different places (WCAG 2.4.4)
- Link to a file does not say what it is (WCAG 2.4.4)
Find this on your own site. A11yMate scans every page and lists where it happens. See pricing or browse all rules.