Apa itu Atribut Alt?

Atribut alt adalah perintah yang menyertai yang terkait dengan tag HTML dan XHTML tertentu yang dirancang untuk menyediakan cara untuk mengaitkan teks alternatif dengan tag tersebut. Penggunaan paling umum dari atribut ini adalah dalam tag img untuk tujuan pemberian teks pada grafik. Beberapa orang menyebutnya sebagai tag alt, tetapi ini tidak akurat karena ini bukan tag html. Istilah “tag” memiliki arti yang berbeda dalam desain web yang mengacu pada perintah antara tanda kurung siku yang melakukan markup sebenarnya dalam HTML. Atribut alt menggunakan sintaks berikut:

Tag img hanyalah salah satu dari beberapa tag yang menerima atribut alt. Tag lainnya adalah “area” dan “input”. Tag img menampilkan gambar. Tag area menampilkan tautan dalam peta gambar, dan atribut alt menyediakan teks jangkar untuk tautan tersebut. Tag input memberitahu browser web untuk menampilkan bidang teks dan menggunakan teks alternatif untuk menyediakan prompt terkait.

Deskripsi grafik secara historis menjadi salah satu penggunaan paling umum dari atribut alt. Ini sangat berguna bagi orang-orang yang memiliki gangguan penglihatan, yang menggunakan perangkat lunak untuk membaca layar yang tidak mampu menafsirkan gambar. Tujuan utama dari atribut ini adalah untuk memberikan keterangan daripada untuk menggambarkan gambar yang terkait. Contoh teks alternatif yang tepat adalah “George Washington mengalami banyak kesulitan sebagai Jenderal selama perang revolusioner.” Deskripsi gambar yang sebenarnya adalah tugas dari atribut judul.

Mesin pencari menggunakan teks yang disediakan dalam atribut alt. Jika halaman web hanya terdiri dari atau sebagian besar gambar, laba-laba mesin pencari dapat merayapi halaman meskipun fakta bahwa gambar itu sendiri tidak berguna untuk laba-laba mesin pencari. Atribut alt diperlukan untuk tag img di versi HTML yang lebih baru, tetapi beberapa pengembang web tidak mencantumkan apa pun di antara tanda kutip. Ini gagal untuk mengambil keuntungan dari kesempatan untuk optimasi mesin pencari yang lebih baik.

Browser web lama merender atribut alt sebagai tooltips, sehingga pengembang web salah menggunakannya untuk melakukan tugas tooltip, yaitu memberikan informasi tambahan tentang gambar, seperti deskripsi. Versi yang lebih baru telah memperbaiki masalah ini. Atribut title sekarang digunakan untuk tujuan ini, dan teks atribut ini dapat dilihat dengan mengarahkan mouse ke gambar atau tautan.

Browser web yang tidak dapat menampilkan gambar malah menampilkan teks alternatif. Peramban lama selalu melakukan ini, tetapi dimungkinkan untuk mengonfigurasi versi yang lebih baru untuk menampilkan teks alt saja, bukan gambar. Ini berfungsi untuk menghemat bandwidth karena browser tidak harus memuat gambar.