How to fix your links
Use meaningful link text
Don't use only "click here" or "this page" (or any other vague phrase) as your link text. The text inside the opening and closing <a>
tags should be reasonably meaningful on its own, and should say something about the target of the link. If the link is in the middle of a sentence, you may need to restructure your sentence, as shown in the examples below:
Bad | Good |
---|---|
<a href="http://validator.w3.org/">Click here</a> for an HTML validator. | Try this <a href="http://validator.w3.org/"> HTML validator </a>. |
Bad | Good |
---|---|
<a href="https://developer.mozilla.org/en/HTML/Element/a/"> This page </a> provides instructions for using the HTML anchor tag. | You may want to read the <a href="https://developer.mozilla.org/en/HTML/Element/a/"> HTML anchor tag </a> element reference. |
Use a title if your link has no text
If you're using a background image for your link, add a title
attribute to the link. The text of the attribute should be whatever would normally be the link text.
CSS | HTML |
---|---|
.validator-link { background-image: url('http://validator.w3.org/images/w3c.png'); } | <a href="http://validator.w3.org/" class="validator-link" title="W3C HTML Validator"></a> |