What does this mean?
Two adjacent links should not point to the same destination. You almost always want to combine the two links.More help
For example, it is quite common to link an image and text together like this:
<a href="news.html"> <img src="photo.jpg" alt="" /> </a> <a href="news.html"> News </a>
These adjacent links should be combined like so:
<a href="news.html"> <img src="photo.jpg" alt="" /> News </a>
<a href="#" onclick="approve()"> OK </a> <a href="#" onclick="reject()"> Cancel </a>
Many users of assistive technology are only able to experience content sequentially - that is, they must step through each part of the page, one part at a time. Often this is a slow process, potentially hampered by a physical impediment.
Stepping through redundant links is time consuming; for example users of a screen reader must hear each link read aloud in turn.
This also simplifies your code.
- Find all links (
<a>tags) on the page.
- Ignore links pointing to
- Flag links which are (a) separated only by whitespace and (b) which point to the same absolute URL.
Read about Technique H2 on how to combine an adjacent image and texts links.
How close this website is to fixing this issue.
This is probably because we're still working on this. Take a look at another issue.