Hi I'm getting an error regarding my social icon set links on my website, when I analyze my page for accessibility I get an error that states,
"73 links have no text describing their destination. Links have no text describing their destination. Links on a page should describe their destination for the benefit of both screen readers and search engine spiders. Add meaningful anchor text that describes the link's destination. If the link contains an image, ensure you have provided alt text."
For design purpose I don't want static text displayed, only display the icons. How do I resolve this error. My code 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>
The rev attribute specifies that the link being defined has its destination in the current document.
What is the link title attribute? Put simply, the link title attribute gives additional information about the page being linked to. Here's what the W3C has to say about it: The title attribute is used to provide additional information to help clarify or further describe the purpose of a link.
The <a> tag defines a hyperlink, which is used to link from one page to another. The most important attribute of the <a> element is the href attribute, which indicates the link's destination. By default, links will appear as follows in all browsers: An unvisited link is underlined and blue.
The href attribute set to the URL of the page you want to link to. The target attribute set to _blank , which tells the browser to open the link in a new tab/window, depending on the browser's settings.
it is title attribute title="description" http://www.w3schools.com/tags/att_global_title.asp
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With