Geek Answers Handbook

What attribute to use that describes the purpose of the link for a set of social network icons

Hi, I get an error regarding social link links on my website when I analyze my page for accessibility. I get an error message

"73 links do not have text describing their purpose. Links do not contain text describing their purpose. Links on the page should describe their purpose in the interests of both screen readers and search engine spiders. Add meaningful anchor text that describes the purpose of the link. If the link contains an image, make sure you provide the alt text. "

For design purposes, I do not want static text to be displayed, only icons are displayed. How to fix this error. My code is below

<ul class="list-inline">
    <li>
        <a href="https://www.facebook.com/" target="_blank"> 
            <i class="livicon" data-name="facebook" data-size="18" data-loop="true" data-c="#ccc" data-hc="#ccc">
            </i>
        </a>
    </li>
</ul>
+4

More articles:


All Articles