Daftar isi
Foto produk, ilustrasi layanan, dan ikon dapat membantu pengunjung memahami sebuah website bisnis. Namun, orang yang tidak melihat gambar tetap memerlukan informasi atau fungsi yang disampaikan gambar tersebut. Di sinilah teks alternatif, atau atribut alt, berperan. Isinya bukan sekadar daftar benda yang tampak: penulis perlu mempertimbangkan tujuan gambar pada halaman. Panduan keputusan W3C WAI membedakan gambar informatif, fungsional, dekoratif, dan gambar yang memuat informasi kompleks.
Mulai dari pertanyaan: apa yang hilang jika gambar tidak terlihat?
Jika foto menampilkan ciri produk yang belum dijelaskan di teks sekitar, tulis ciri yang membantu pembaca mengenalinya. Misalnya, untuk foto tas yang memang memperlihatkan warna dan bentuknya: alt="Tas selempang kanvas hijau dengan satu kantong depan". Gunakan deskripsi itu hanya bila sesuai dengan foto sebenarnya. Jika keterangan di sebelah foto sudah menyampaikan informasi yang sama dan gambar tidak menambah makna, pertimbangkan apakah pengulangan justru tidak diperlukan.
Jelaskan tindakan untuk gambar yang menjadi tombol atau tautan
Ikon kaca pembesar yang menjadi tombol pencarian membutuhkan keterangan tentang tindakannya, misalnya alt="Cari produk", bukan hanya alt="Kaca pembesar". Prinsip yang sama berlaku untuk gambar yang menjadi satu-satunya isi tautan: pembaca perlu mengetahui tujuan tautannya. Jika ikon hanya mendampingi teks tombol yang sudah jelas, hindari keterangan ganda. Contoh gambar fungsional dari W3C WAI menunjukkan perbedaan ini.
Biarkan gambar dekoratif tetap dekoratif
Garis pemisah atau ornamen yang tidak menambah informasi tidak perlu diumumkan sebagai “gambar hiasan”. Bila elemen tersebut memakai <img>, gunakan atribut kosong, yaitu alt="". Ini berbeda dari menghapus atribut alt sama sekali. Tentukan dulu apakah gambar benar-benar dekoratif dalam konteks halaman tersebut; foto yang penting untuk memahami layanan tidak otomatis menjadi dekorasi. W3C WAI menjelaskan penggunaan alt kosong untuk gambar dekoratif.
Jangan memaksa grafik menjadi satu kalimat
Untuk grafik yang memuat beberapa angka atau perbandingan, teks alternatif singkat dapat menyebut pokok grafik, tetapi informasi pentingnya perlu tersedia pula dalam teks atau tabel di halaman. Jangan mengarang kesimpulan yang tidak didukung data pada grafik. Periksa kembali angka dan label terhadap materi sumber sebelum menayangkannya.
Tulis untuk pembaca, bukan untuk mengulang kata kunci
Google menyatakan bahwa teks alternatif membantu memahami subjek gambar bersama konteks halaman, tetapi memperingatkan agar atribut ini tidak dijejali kata kunci. Karena itu, alt="Tas selempang kanvas hijau dengan satu kantong depan" lebih berguna daripada deretan variasi “tas murah, tas terbaik, jual tas” yang tidak menjelaskan foto. Lihat panduan SEO gambar Google Search Central.
Sebelum menerbitkan halaman, tinjau setiap gambar: apakah deskripsinya akurat, apakah fungsinya terbaca tanpa melihat gambar, dan apakah informasi penting pada grafik tersedia dalam bentuk teks? Tinjauan ini lebih bermanfaat daripada menerapkan satu templat alt yang sama ke seluruh website.
Kredit gambar: cottonbro studio — sumber gambar — Pexels License
