Saya sedang menjelajahi Amazon dan saya perhatikan bahwa ketika mencari " 1TB " jika Anda mengarahkan kursor mouse ke gambar peringkat bintang, Anda hanya melihat skor jika menggunakan IE. Jika Anda menggunakan browser lain maka skor tidak akan ditampilkan.
Nilai 3,8 dan 4,2 sama-sama muncul sebagai 4 bintang. Tentu saja 3,8 bintang vs 4,2 bintang (skor 76% vs 84%) dapat membuat perbedaan!
Ini karena cara standar menampilkan alt
teks hanya saat pengguna mematikan grafik atau saat browser "dibaca" (mis. Browser untuk pengguna yang memiliki gangguan penglihatan). Namun IE, menampilkannya di hover.
Jadi saya pikir jika Amazon akan menampilkannya terlepas dari browser pengguna, maka title
harus digunakan sebagai tambahan alt
. Apakah anda setuju
sumber
Mereka digunakan untuk berbagai hal. The
alt
atribut digunakan bukan gambar. Jika gambar tidak dapat ditampilkan, dan di pembaca layar.The
title
atribut ditampilkan bersama dengan gambar, biasanya sebagai tooltip melayang-layang.Yang satu tidak boleh digunakan "sebagai pengganti" dari yang lain. Masing-masing harus digunakan dengan benar , untuk melakukan hal-hal yang dirancang untuk mereka lakukan.
sumber
<img>
tag - Anda harus menggunakan div bergaya CSS;)alt dan judul untuk hal yang berbeda, seperti yang telah disebutkan. Meskipun atribut judul akan memberikan keterangan alat, alt juga merupakan atribut penting, karena menentukan teks yang akan ditampilkan jika gambar tidak dapat ditampilkan. (Dan di beberapa browser, seperti firefox, Anda juga akan melihat teks ini saat gambar dimuat)
Hal lain yang saya rasa harus dibuat adalah bahwa atribut alt diperlukan untuk memvalidasi sebagai dokumen XHTML, sedangkan atribut judul hanyalah "opsi tambahan", seolah-olah.
sumber
Itu karena keduanya memiliki tujuan yang berbeda dan keduanya harus digunakan tidak hanya satu di atas yang lain.
"Alt" adalah untuk apa yang sudah Anda katakan, jadi Anda dapat melihat tentang apa gambar itu jika gambar itu tidak dapat ditampilkan (untuk alasan apa pun), ini juga memungkinkan orang yang memiliki gangguan penglihatan untuk memahami tentang apa gambar itu.
Atribut "title" adalah yang benar untuk menampilkan tooltip dengan judul gambar.
sumber
Menurut saya sebaiknya teks alt selalu mendeskripsikan apa yang terlihat pada gambar, untuk kasus gambar tersebut tidak ditampilkan.
w3.org
sumber
Saya yakin alt diperlukan untuk kepatuhan XHTML yang ketat.
Seperti yang dicatat orang lain, judul adalah untuk tooltips (bagus untuk dimiliki), alt untuk aksesibilitas. Tidak ada salahnya menggunakan keduanya, tapi alt harus selalu ada.
sumber
Atribut ALT ditujukan untuk pengguna dengan gangguan penglihatan yang akan menggunakan pembaca layar. Jika ALT hilang dari tag gambar APA PUN, seluruh url untuk gambar tersebut akan dibaca. Jika gambar adalah bagian dari desain situs, gambar tersebut masih harus memiliki ALT tetapi dapat dikosongkan sehingga url tidak harus dibaca untuk setiap bagian situs.
sumber
Atribut ALT
The
alt
atribut didefinisikan dalam satu set tag (yaitu,img
,area
dan opsional untukinput
danapplet
) untuk memungkinkan Anda untuk memberikan setara teks untuk objek.Teks yang setara memberikan manfaat berikut untuk situs web Anda dan pengunjungnya dalam situasi umum berikut:
Atribut Judul
Tujuan dari teknik ini adalah untuk memberikan bantuan peka konteks bagi pengguna saat mereka memasukkan data dalam formulir dengan memberikan informasi bantuan dalam
title
atribut. Bantuan tersebut dapat mencakup informasi format atau contoh masukan.Contoh 1: Menu pull-down yang membatasi cakupan
pencarian Formulir pencarian menggunakan menu pull-down untuk membatasi cakupan pencarian. Menu pull-down berada tepat di samping kolom teks yang digunakan untuk memasukkan istilah pencarian. Hubungan antara kolom pencarian dan menu pulldown terlihat jelas bagi pengguna yang dapat melihat desain visual, yang tidak memiliki ruang untuk label yang terlihat. The
title
atribut digunakan untuk mengidentifikasiselect
menu. Thetitle
atribut dapat diucapkan oleh pembaca layar atau ditampilkan sebagai tool tip untuk orang yang menggunakan bantu layar.Contoh 2: Kolom input untuk nomor telepon
Halaman Web berisi kontrol untuk memasukkan nomor telepon di Amerika Serikat, dengan tiga kolom untuk kode area, pertukaran, dan empat digit terakhir.
Contoh 3: Fungsi Pencarian Halaman Web berisi kolom teks tempat pengguna dapat memasukkan istilah pencarian dan tombol berlabel "Search" untuk melakukan pencarian. The
title
atribut digunakan untuk mengidentifikasi kontrol bentuk dan tombol diposisikan tepat setelah kolom teks sehingga jelas kepada pengguna bahwa bidang teks di mana istilah pencarian harus dimasukkan.Contoh 4: Tabel data dari kontrol formulir
Tabel data dari kontrol formulir perlu mengaitkan setiap kontrol dengan judul kolom dan baris untuk sel itu. Tanpa judul (atau LABEL di luar layar), sulit bagi pengguna non-visual untuk menjeda dan menginterogasi nilai tajuk baris / kolom yang sesuai menggunakan teknologi bantuan mereka saat menelusuri formulir.
Misalnya, formulir survei memiliki empat judul kolom di baris pertama: Pertanyaan, Setuju, Tidak Diputuskan, Tidak Setuju. Setiap baris berikut berisi pertanyaan dan tombol radio di setiap sel yang sesuai dengan pilihan jawaban di tiga kolom. Atribut judul untuk setiap tombol radio adalah rangkaian pilihan jawaban (tajuk kolom) dan teks pertanyaan (tajuk baris) dengan tanda hubung atau titik dua sebagai pemisah.
Elemen Img
Atribut yang diizinkan disebutkan di MDN .
alt
crossorigin
decoding
height
importance
(api eksperimental)intrinsicsize
(api eksperimental)ismap
referrerpolicy
(api eksperimental)src
srcset
width
usemap
Seperti yang Anda lihat,
title
atribut tidak diperbolehkan di dalamimg
elemen. Saya akan menggunakanalt
atribut dan jika membutuhkan saya akan menggunakan CSS (Contoh: pseudo class:hover
) daripadatitle
atribut.sumber
Tidak, menurut saya
alt
lebih baik karena tujuan atribut itu adalah untuk menyediakan teks "alternatif" jika gambar tidak dapat dilihat (apakah gambar hilang atau browser itu sendiri tidak dapat menampilkannya).sumber
MVCFutures untuk ASP.NET MVC memutuskan untuk melakukan keduanya. Bahkan jika Anda memberikan 'alt' maka secara otomatis akan membuat 'title' dengan nilai yang sama untuk Anda.
Saya tidak memiliki kode sumber untuk ditangani tetapi pencarian cepat di Google menghasilkan kasus uji untuk itu!
sumber
Anda tidak boleh menggunakan atribut judul untuk elemen img. Alasan di balik ini cukup sederhana:
Sumber: http://blog.paciellogroup.com/2010/11/using-the-html-title-attribute/
HTML 5.1 mencakup saran umum tentang penggunaan atribut judul:
Sumber: http://www.w3.org/html/wg/drafts/html/master/dom.html#the-title-attribute
Mengenai aksesibilitas dan pembaca layar yang berbeda:
Oleh karena itu, seperti yang cukup dikemukakan oleh Denis Boudreau : jelas bukan praktik yang direkomendasikan .
sumber