Anchor element found with a valid href attribute, but no link content has been supplied

If your link is meant to be an anchor, just add an id attribute with same value as name.

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 <a> and </a>.

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: <a href="https://codeutility.org/...">blabla</a>

(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>

Leave a Comment