Diperbarui 29 April 2010 oleh Dani Iswara
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. :)
11 tanggapan untuk “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.
Hehe..Sbenarnya agak malu ni untuk brkomentar,brhubung saya blm paham 100 % ,tp hrs saya akui..ini postingan yg luar biasa
Apa hasil pemutakhirannya?
ganda,
sebelum peranti itu diperbarui:
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,
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.
Maaf OOT mas Dani,
Wah Gravatar sudah menghilang nih!! nanti kolom komentar ikut menghilang lagi nggak yaa? :D
@dani
terimakasih atas informasinya mas :)