How to fix your links

Owned by Anastasia Cheetham
Last updated: Apr 20, 2023 by Michelle D'Souza

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.

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>