Free Trial

Safari Books Online is a digital library providing on-demand subscription access to thousands of learning resources.


  • Create BookmarkCreate Bookmark
  • Create Note or TagCreate Note or Tag
  • DownloadDownload
  • PrintPrint
Share this Page URL
Help

4. Getting Connected: A Trip to Webville > The title test drive...

The title test drive...

For most browsers, the title is displayed as a “tool tip” when you pass the mouse over a link. Remember that browsers for the visually impaired may read the link title aloud to a visitor.

image with no caption

The Head First Guide to Better Links

image with no caption

Here are a few tips to keep in mind to further improve the fit and finish of your links:

  • Keep your link labels concise. Don’t make entire sentences or large pieces of text into links. In general, keep them to a few words. Provide additional information in the title attribute.

  • Keep your link labels meaningful. Never use link labels like “click here” or “this page”. Users tend to scan pages for links first, and then read pages second. So, providing meaningful links improves the usability of your page. Test your page by reading just the links on it; do they make sense? Or do you need to read the text around them?

  • Avoid placing links right next to each other; users have trouble distinguishing between links that are placed closely together.

Exercise

Open your Starbuzz “index.html” file and add a title to the link to “mission.html” with the text “Read more about Starbuzz Coffee’s important mission”. Notice that we didn’t make the mission link’s label as concise as it should be. Shorten the link label to “our Mission”. Check the back of the chapter for the answer, and test your changes.

image with no caption
image with no caption