Categories
Web Accessibility

Title Attribute and Semantic Data Extractor

Diperbarui: Kamis, 29 April 2010
Bagi di FB | Cuitkan

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. :)

10 replies on “Title Attribute and Semantic Data Extractor”

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?

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

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 ?

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.

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.

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

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

Tinggalkan Balasan

Alamat email Anda tidak akan dipublikasikan. Ruas yang wajib ditandai *

This site uses Akismet to reduce spam. Learn how your comment data is processed.