The best practices for making hyperlinks ADA compliant include adding additional attributes to the link markup, such as a title, a role, and a target. Additionally, the visible link text should describe the link itself, not just say “click here.” Since colorblind users may not be able to perceive color cues, present links with underlines or other non-color style indicators. If you have an image functioning as a link, you must include alt text which conveys the location and purpose of the link, not which describes the image. Treat image links as links, not as images.
Consider the following examples:
Non-compliant link:
<a href=”http://example.com”>CLICK HERE</a>
Compliant link:
<a href=”http://example.com” target=”_blank” title=”Example Link” role=”link” style=”cursor:pointer; text-decoration:underline; color:red;”>Example Link</a>
