Link Title Attribute in SEO, Accessibility, and Usability

February 2, 2010 – 10:05 by Dani Iswara. Words count: 514.
Last updated: Wednesday, February 3, 2010 at 9:19.

Remember, title element or title tag are not a title attribute. They are different. Title element for the document title, and title attribute usually available on link markups.

The title attribute on W3C standard related to HTML4 DOCTYPE:

title = text
This attribute offers advisory information about the element for which it is set.

Unlike the TITLE element, which provides information about an entire document and may only appear once, the title attribute may annotate any number of elements…

Values of the title attribute may be rendered by user agents in a variety of ways. For instance, visual browsers frequently display the title as a “tool tip” (a short message that appears when the pointing device pauses over an object). Audio user agents may speak the title information in a similar context.

What is the function of title attribute?

It will give descriptive hints of the link to the users (user-agents or machines, and human). As an addition to the anchor text. If anchor text is already descriptive enough, so no need for extra information, right? Do not put important or essential information on title atribute! Read below.

SEO point of view

In SEO, the attribute has become more popular and debatable. Affecting search engine results or ranking? Recently, most big web sites and weblogs in SEO are already use the title attributes properly. Others, believe it still has a score in algorithm. Google and search engine rules changes frequently. Please, just do not abuse it!

Title attribute tests at SEO lab did these kind of old trial:

What is your results? What do you think?

Web accessibility and usability recommendation

The survey, Assistive technology users test title attribute access (2005) by Steven Faulkner from PacielloGroup.com.
Conclusions:

  • Most users of screen reading software do not change their default settings to access the TITLE attribute information on links.
  • Most screen reading software can access TITLE attribute content on form controls by default.

Screen reader user survey by Jared Smith on WebAIM blog found:

CAPTCHA, Flash, ambiguous links, poor/missing alternative text, complex forms, and poor keyboard accessibility are cited as the most problematic items on the web.

Title attribute is not fully accessible. Screen reader softwares do not have that feature on, by its default setting. And the tooltip only works on mouse over. Still want to use it? It would be more usable and accessible if title attributes and anchor texts do not contain redundant or duplicated information.

Your choice

Descriptive anchor text is more than enough. WordPress does have it by default. In their core, there are title attributes in such wp_list_pages(), wp_list_categories(), wp_get_archives(), etc. You may try Remove Title Attributes plugin. Find through your dashboard panel, points to Add New plugins. Beware of your configuration options. Remember to check the results.

In Indonesian, you may read my old post of the same topic on Atribut title terkait aksesibilitas dan SEO.

Just unessential weblog
Dani Iswara, mail me: [myfirstnamelastname]@gmail.com or use contact form.

You are free to share (copy, distribute, transmit) & adapt this blog post under the similar license (Creative Commons Attribution-Noncommercial-Share Alike 3.0 Unported; CCA-NC-SA 3.0 Unported). Please put these links on your copy:
Taken from: Link Title Attribute in SEO, Accessibility, and Usability by Dani Iswara.

Unimportant Related/Random Posts

You may also read list of most popular posts and most popular tags of Dani Iswara .Net.

4 Responses to post titled: Link Title Attribute in SEO, Accessibility, and Usability

  1. Comment by Cahya on February 2, 2010 at 13:32:28
    using Opera 10.10 on Windows Vista

    alt="bengong" title="ga ngerti" rel="nofollow"

    Ga ada terjemahannya ya Bli?

  2. Comment by Dani Iswara on February 2, 2010 at 14:58:35
    using Mozilla Firefox 3.6 on Gentoo Linux

    Cahya,
    yang di bahasa Indonesia itu/arsip lama intinya ngga beda jauh, hanya ada beberapa tambahan dan penekanan di tulisan yang sekarang.

  3. Comment by Pandu Truhandito on February 2, 2010 at 16:46:45
    using MSIE - Office Live Connector 1.3 on Windows XP

    Nah ini yang menarik: kalau dari segi usability attribut title akan memberikan overview untuk link yang disediakan, bagaimana dengan aplikasi / plugin yang memberikan overview dari halaman yang dituju dalam bentuk gambar?

    Bukankah ini memiliki nilai lebih untuk usability karena lebih memberikan gambaran akan halaman yang dituju?

    Btw, apakah attribut title akan membantu orang yang cacat penglihatan ketika link tersebut dihover?

  4. Comment by Dani Iswara on February 2, 2010 at 22:00:55
    using Mozilla Firefox 3.6 on Gentoo Linux

    Pandu Truhandito,
    Atribut title tidak sepenuhnya aksesibel karena tergantung tetikus/mouse. Tapi mungkin usable bagi sebagian pengguna lainnya.

    Dulu, aplikasi seperti snap-preview sempat diprotes dimana-mana oleh banyak pengguna. Karena dianggap mengganggu kenyamanan membaca dan penelusuran pranala/saat teks pranala akan diklik.

    IE lawas sepertinya dulu juga aneh, menampilkan atribut alt via tooltip.

    Pilihan sebaiknya diserahkan ke pengguna. Ingin memanfaatkan fitur atribut title atau tidak. Di sisi pengelola, lebih nyaman jika memakai teks pranala yang deskriptif. :)

Sorry, for some reasons (sometimes due to sp*ms attack), the comment form is closed at this time. If You have any suggestions, please contact me. Thank you.

Dani Iswara .Net

Return to TOP
›› Older entries: Berhenti Berlanggan Komentar Blog
‹‹ Newer entries: Matematika di Weblog WordPress dengan inline MathML