19. Adjacent links used for same destination

1.1.1

Adjacent links incorrect example

Description: Adjacent links, one with a link text, the other with an iconic representation of that link, point to the same destination.

Context: To prevent extraneous text from being read by screen readers, it is best practice to keep the HTML as uncluttered as possible.

<a href="http://manoa.hawaii.edu/opf/index.php"></a>
<a href="http://manoa.hawaii.edu/opf/index.php">
    <img alt="Generic placeholder image" src="images/4.jpg" height="140" border="0">
</a>

How to fix it: These should be combined as one link.

<a href="http://manoa.hawaii.edu/opf/index.php">
    <img alt="Generic placeholder image" src="images/4.jpg" height="140" border="0">
</a>

Techniques: H2