If your link is meant to be an anchor, just add an
id attribute with same value as
If it is meant to be an actual link, that a user may activate, you need to provide it a “link text”, i.e. some descriptive text between
This is required for accessibility because some users (e.g. screen-reader users) list all links of a page to quickly understand it.
As an application developer, if your link is empty you should remove it, and when needed (JS event or so) add the whole complete and functionnal stanza:
(By the way, if you use some JS/AJAX, you should give a review at WAI-ARIA concepts).
if you are using an icon as your content then just add a screen reader only span inbetween your elements.. this will then pass the test
<a> <span class="sr-only">some text that relates to your link</span> <i class="icon"> </i> </a>