What's the best practise for accessibility when you have redundant links on a page. For example, a page containing blog listings often has a clickable title and a read more link:

```
<article>
  <h2><a>My awesome blog post title</a></h2>
  <p>This is the excerpt...</p>
  <a>Read More</a>
</article>
<!-- more blog listings... -->

```

My first approach would be to add an aria label to the read more link to give it some context.

```
<article>
  <h2><a>My awesome blog post title</a></h2>
  <p>This is the excerpt...</p>
  <a aria-label="My awesome blog post title">Read More</a>
</article>
<!-- more blog listings... -->

```

However now there are two identical links and I can see how this would be irritating for people using screen readers - especially if the page contains a large number of articles.

Would this be a good use case for hiding the extraneous link from screen readers and/or people navigating using the keyboard. Something like this?

```
 <article>
  <h2><a>My awesome blog post title</a></h2>
  <p>This is the excerpt...</p>
  <a role="presentation" tabindex="-1">Read More</a>
</article>
<!-- more blog listings... -->

```

Not sure whether this is one of those situations where trying to help may actually make things worse. Would appreciate any advice!

Thanks, Adam