Link: Link does not have discernible link text

Link to Link: Link does not have discernible link text copied to clipboard

link-missing-text

Rule

The name, role, value, states, and properties of user interface components MUST be programmatically determinable by assistive technologies.

Background

Links must have discernible text that describes the link's destination for screen reader and other assistive technology users.

How to Fix

Fix this issue by using ONE of the following techniques:

1.Use link text contained between the opening <a> and closing </a> elements. Link text can be: visible text, CSS clipped text, or alternative text on an <img> element.

<a href="https://dequeuniversity.com/contact/"&gt;Contact Us</a>

<a href="https://www.facebook.com/dequesystems/" class="fbicon"><span class="sr-text">Deque's Facebook page</span></a>

<a href="http://www.deque.com"&gt;&lt;img src="deque_logo.png" alt="Deque Systems"></a>

  1. Use an aria-label attribute or an aria-labelledby attribute to name a link.

<a href="https://www.facebook.com/dequesystems/" class="fbicon" aria-label="Deque's Facebook page"></a>