Jika Anda ingin menyembunyikan sesuatu dari pengguna yang menggunakan ponsel, tablet, dan teknologi bantu, dan hanya menunjukkannya kepada pengguna keyboard, maka gunakan atribut judul.
Detail
Ada masalah dengan atribut judul HTML itu sendiri. Masalahnya adalah karena tidak berkinerja cukup baik dalam beberapa aspek penting, meskipun telah bersama kami selama lebih dari 14 tahun. Dengan munculnya perangkat sentuh, peran atribut ini telah dikurangi lebih lanjut. Aksesibilitas atribut judul telah menjadi buang -buang uang, dan karena kurangnya dukungan browser, dukungan pembaca layar dan produsen memperhatikan.
Atribut judul menjadi berlebihan karena kurangnya dukungan dalam kasus -kasus berikut:
Bagi mereka yang mengakses informasi konten web di browser seluler mereka. Biasanya konten atribut judul ditampilkan sebagai pesan cepat di browser desktop. Sejauh yang saya tahu, tidak ada browser seluler yang mendukung prompt yang menampilkan, dan tidak ada metode visual lain untuk mengakses isi atribut judul.
Berikan informasi untuk mereka yang tidak dapat menggunakan mouse. Biasanya konten atribut judul ditampilkan sebagai pesan cepat di browser desktop. Meskipun perilaku mendorong pesan telah ada selama lebih dari 10 tahun, tidak pernah ada browser untuk mengimplementasikan metode menggunakan keyboard untuk menampilkan atribut judul.
Untuk digunakan pada sebagian besar elemen HTML, ini menyediakan informasi untuk orang yang menggunakan berbagai teknologi bantuan. Sejauh yang saya tahu, pembaca layar tidak mendukung mengakses informasi atribut judul secara konsisten.
Pengguna tidak ramah dengan atribut judul sebagai berikut
Pengguna ponsel
Hanya pengguna yang menggunakan keyboard
Pengguna Menggunakan Penguat Layar
Pengguna Pembaca Layar
Pengguna dengan gangguan keterampilan motorik halus
Pengguna dengan gangguan kognitif
Contoh atribut judul yang berguna:
Bingkai label atau elemen iframe:
<judul frame = navigasi>
Berikan tag yang hanya muncul dalam keadaan khusus yang membutuhkan program untuk diimplementasikan. Menggunakan tag teks yang terlihat secara langsung akan tampak berlebihan:
<Input Type = Text Title = Search> <Input Type = Kirim Nilai = Pencarian>
Kontrol tag dalam tabel data.
Contoh atribut judul menjadi tidak berguna atau tidak terlalu berguna:
Tambahkan informasi tambahan ke tautan atau konten di sekitarnya yang tidak dapat digunakan sebagai teks:
<a href = newsletter.pdf title = file pdf, ukuran 1 mb.> Newsletter </a>
Sebaliknya informasi tersebut harus menjadi bagian dari teks tautan atau di samping tautan.
Berikan informasi yang sama dengan teks tautan:
<a href = newsletter.pdf title = Newsletter> Newsletter </a>
Disarankan untuk tidak menyalin konten tautan sebagai atribut judul. Ini sebenarnya setara dengan tidak melakukan apa pun.
Judul untuk gambar:
<img src = castle1858.jpeg title = cat berbasis minyak pada kanvas. Maria Towle, 1858.
alt = Kastil sekarang memiliki dua menara dan dua dinding.>
Mungkin informasi judul adalah informasi yang paling penting dan harus diakses secara default oleh semua pengguna. Jika demikian, maka konten ini harus di sebelah gambar.
Digunakan untuk mengganti tag formulir dan menghapus tag teks yang terlihat:
<Input type = Text title = name>
Pengguna pembaca layar akan mengakses tag elemen formulir karena atribut judul termasuk dalam nama properti di API aksesibilitas (tidak didukung ketika tag teks menggunakan elemen tag). Banyak pengguna lain tidak seperti ini. Disarankan untuk memasukkan tag teks yang terlihat jika memungkinkan.
Berikan informasi yang sama untuk elemen formulir seperti konten tag yang terlihat:
<Label untuk = N1> Nama </LABEL> <INPUT TYPE = TEXT Title = Name ID = N1>
Mengulangi teks tag yang terlihat tidak mungkin kecuali menambahkan serangkaian noise kognitif pengguna. Jangan lakukan itu. Mengulangi teks label yang terlihat tampaknya tidak memiliki efek selain menambahkan serangkaian kebisingan kognitif yang mengganggu, menghentikan penggunaan ini.
Berikan instruksi tambahan untuk elemen formulir:
<Label untuk = N1> Nama </LABEL> <INPUT TYPE = TEXT Title = Harap gunakan Uppercase.id = N1>
Jika arahan ini penting untuk penggunaan elemen formulir yang benar, berikan informasi teks di sekitar elemen untuk memastikan bahwa setiap pengguna dapat membacanya.
Sebagai ekstensi singkatan:
<ABBR Title = World Wide Web Consortium> W3C </brbs
Meskipun atribut judul elemen ABBR didukung oleh perangkat lunak pembaca layar, menggunakannya masih bermasalah karena grup pengguna lain tidak dapat menggunakannya. Disarankan untuk memberikan nama lengkap dalam format teks ketika singkatan pertama kali muncul dalam dokumen, atau memberikan glosarium bentuk nama lengkap. Ini tidak berarti bahwa atribut judul tidak dapat digunakan, karena memiliki keterbatasan, dan nama lengkap formulir teks harus disediakan.
HTML 5.1 termasuk saran umum untuk menggunakan atribut judul:
Mengandalkan atribut judul saat ini tidak dianjurkan, karena banyak agen pengguna tidak dapat menampilkan atribut ini sesuai dengan persyaratan spesifikasi (seperti perangkat penunjuk mouse perlu menyebabkan tampilan informasi prompt, tidak termasuk pengguna yang hanya menggunakan pengguna keyboard dan layar sentuh)
Mengganti atribut alt dari elemen IMG atau sebagai judul gambar dilarang
Mengandalkan atribut judul saat ini dilarang, karena banyak agen pengguna memiliki dukungan aksesibilitas yang lemah untuk atribut ini ...