Use meaningful link text
Don't use only "click here" or "this page" (or any other useless 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> |