Title Attribute and Semantic Data Extractor

Noted: Thursday, April 29, 2010 at 00:32:06. Words count: 234.
Last updated: Thursday, April 29, 2010 at 14:53:01.

Common WordPress themes usually have redundant title attributes. But they are useful for Semantic Data Extractor, tool created by World Wide Web Consortium (W3C).

What is the purpose of semantic tool? From the extractor site:

The aim is to show that providing a semantically rich HTML gives much more value to your code: using a semantically rich HTML code allows a better use of CSS, makes your HTML intelligible to a wider range of user agents (especially search engines bots).

Related to title attribute, there is a contradiction between the Web accessibility and semantic point of view.

Redundant title attribute (Dani Iswara .com) sounds bad for screen reader users. Additional information should be placed inside that element properly. Do not put an important information into it. The (fancy) tooltip is mouse dependant. Therefore, it is not fully accessible. Furthermore, the fact, title attribute usually has the same text as in anchor link.

See on your source code which have rel="bookmark", e.g. post title and related post section. The semantic tool needs the title attribute. Check this post result. The bookmarkable points only have [Unknown title].

So, what is the solution? Semantic or accessible? Do we have to fill the title attribute for semantic purposes?

Updated April 29, 2010: Dominique Hazael-Massieux, one of W3C staff, have updated the Semantic Data Extractor tool. Confirmed by e-mail. Thanks Dom. :)

Dani Iswara, [myfirstnamelastname]@gmail.com.

10 comments to "Title Attribute and Semantic Data Extractor"

  1. rismaka

    Mungkin lebih baik dilakukan dengan cara tulis manual markah html-nya. Jika ingin aksesibel, buatlah title yang deskriptif, bukan pengulangan, sehingga mencakup unsur semantik juga.

    Betul ga ya?

  2. dani

    Tulisan ini sudah diperbarui: peranti Semantic Data Extractor sudah dimutakhirkan. Salah seorang staf W3C sudah mengonfirmasinya via surel/surat elektronik. :)

  3. Harry

    offtopics,
    i thought, this article would be a part of reliable personal reviews for my site. and of coz im waiting another one.
    anyway,… how about "the long excerpt tooltip" ?. Yeah, i knew it… sometimes usable means nothing for accessible reason. But, should i remove that feature ?

  4. dani

    Harry,
    sorry, no personal view here. Imagines Google using the same algorithm as the tool, based on semantic point of view.

    For the tooltip, it is device and/or mouse dependant. W3C document said, it only for advisory or additional information. That is the problem. But yes, it might be usable thought for common people. :)

    What is the title here? Read it without mouse or source code.

  5. Aspirasiputih

    Hehe..Sbenarnya agak malu ni untuk brkomentar,brhubung saya blm paham 100 % ,tp hrs saya akui..ini postingan yg luar biasa

  6. ganda

    Apa hasil pemutakhirannya?

  7. dani

    ganda,
    sebelum peranti itu diperbarui:

    See on your source code which have rel=”bookmark”, e.g. post title and related post section. The semantic tool needs the title attribute. Check this post result. The bookmarkable points only have [Unknown title].

    bagian Bookmarkable points mengutip atribut title. Jika tidak memiliki atribut title, hanya muncul [Unknown title]. Ini mungkin yang dulu(?) diperhitungkan algoritma seperti Google.

    Implementasinya:
    1) atribut title tidak sepenuhnya aksesibel karena device/mouse dependant.
    2) anchor text seharusnya cukup deskriptif untuk bermakna semantik, tanpa perlu atribut title.
    3) sehingga tetap tidak disarankan pemakaian semacam 'klik di sini', walau bisa usable untuk click to action.

    Bayangkan mesin (termasuk semantic data extractor) dan pengguna screen reader (saat tabbing) hanya mendapatkan informasi 'klik di sini'.

    Akhirnya, peranti tersebut pun menyetujui bahwa atribut title tidak diperlukan dalam hal ini.

  8. MasEDI Belajar Ngeblog

    Tadi pas saya ngecek koq hasilnya kayak gini mas,

    Using org.apache.xerces.parsers.SAXParser
    Exception net.sf.saxon.trans.XPathException: org.xml.sax.SAXParseException: The reference to entity "ver" must end with the ';' delimiter. 
    org.xml.sax.SAXParseException: The reference to entity "ver" must end with the ';' delimiter.

    ada yg salah dgn blog saya? mohon pencerahannya, thanks

  9. dani

    Mas Edi,
    biasanya karena ada penulisan kode/markah XHTML yang kurang pas dengan doctype yang dideklarasikan/dipakai di blog.

  10. agung

    Maaf OOT mas Dani,
    Wah Gravatar sudah menghilang nih!! nanti kolom komentar ikut menghilang lagi nggak yaa? :D