Panduan pragmatis untuk teks alt gambar pada 2026

Mengapa teks alt masih penting

Teks alt telah menjadi bagian dari spesifikasi HTML sejak 1995. Tiga puluh tahun kemudian, sebagian besar gambar di web masih tidak memiliki atribut alt, atau memiliki teks alt yang terdengar seperti ditulis oleh seseorang yang belum pernah menggunakan pembaca layar.

Masalahnya bukan lagi kesadaran. Sebagian besar sistem manajemen konten kini mewajibkan kolom alt. Masalahnya adalah teks alt telah berubah menjadi kotak centang kepatuhan, bukan alat komunikasi. Orang menulis "gambar seseorang yang tersenyum" padahal konteks sebenarnya adalah "CEO mengumumkan pendapatan Q4."

Teks alt ada untuk satu alasan: menyampaikan tujuan sebuah gambar kepada seseorang yang tidak dapat melihatnya. Tujuan itu berubah bergantung pada konteks. Foto cangkir kopi di beranda sebuah kafe memiliki fungsi yang berbeda dari foto yang sama dalam posting blog tentang teknik glasir keramik.

Pada 2026, kita juga memiliki alat AI yang dapat menghasilkan teks alt secara otomatis. Alat-alat ini semakin baik, tetapi masih belum memahami konteks. Mereka mendeskripsikan apa yang mereka lihat, bukan mengapa gambar itu ada di sana.

Pohon keputusan: Apakah gambar ini membutuhkan teks alt?

Tidak setiap gambar membutuhkan teks alt deskriptif. Sebagian gambar bersifat dekoratif. Sebagian redundan. Sebagian lebih baik dijelaskan oleh caption atau teks di sekitarnya.

Berikut proses pengambilan keputusannya:

Apakah gambar menyampaikan informasi yang tidak tersedia dalam teks di sekitarnya? Jika ya, gambar itu membutuhkan teks alt. Jika tidak, kemungkinan besar gambar itu dekoratif.

Apakah pengguna tunanetra akan kehilangan sesuatu yang penting jika gambar ini menghilang? Jika ya, tulis teks alt. Jika tidak, gunakan atribut alt kosong (alt="") untuk memberi tahu pembaca layar agar melewatinya.

Apakah gambar tersebut berupa tautan atau tombol? Teks alt menjadi teks tautan. Deskripsikan tujuannya, bukan gambarnya. "Lihat paket harga" lebih baik daripada "ikon panah."

Apakah gambar tersebut kompleks—bagan, diagram, atau infografik? Teks alt memiliki batas panjang praktis (sekitar 125 karakter nyaman untuk sebagian besar pembaca layar). Gambar kompleks membutuhkan deskripsi yang lebih panjang, baik dalam caption, dalam teks isi, atau melalui aria-describedby.

Seperti apa teks alt yang baik sebenarnya

Teks alt yang baik bersifat spesifik, ringkas, dan peka konteks. Ia menjawab pertanyaan: Mengapa gambar ini ada di sini?

Buruk: "Gambar grafik"

Lebih baik: "Grafik garis yang menunjukkan kenaikan 23% lalu lintas mobile dari Januari hingga Maret 2026"

Buruk: "Seseorang menggunakan laptop"

Lebih baik: "Desainer meninjau mockup situs web di Figma"

Buruk: "Klik di sini"

Lebih baik: "Unduh daftar periksa audit aksesibilitas lengkap (PDF)"

Perhatikan bahwa teks alt yang baik sering menyertakan angka, tindakan, atau hasil. Ia tidak mendeskripsikan setiap detail visual. Ia mendeskripsikan hal yang penting.

Untuk gambar dekoratif—tekstur latar hero, bingkai ornamental, ilustrasi yang murni estetis—gunakan alt="". Ini bukan kemalasan. Ini kejujuran semantik. Pembaca layar akan melewati gambar sepenuhnya, dan itulah yang Anda inginkan.

Kesalahan umum yang membuang waktu semua orang

Memulai dengan "Gambar" atau "Foto": Pembaca layar sudah mengumumkan bahwa itu adalah gambar. Langsung masuk ke deskripsi.

Menjejalkan kata kunci untuk SEO: Teks alt bukan tempat untuk memaksakan "biji kopi organik terbaik Brooklyn artisan roasted." Google image search sudah pandai mendeteksi hal ini selama bertahun-tahun. Tulislah untuk manusia.

Mendeskripsikan nama file: "IMG_3847.jpg" tidak membantu siapa pun. Begitu juga "hero-banner-final-v3."

Menulis novel: Jika teks alt Anda lebih panjang dari dua kalimat, informasinya kemungkinan lebih tepat berada dalam caption atau teks isi.

Mengulang teks di dekatnya: Jika judulnya berbunyi "Cara memanggang roti sourdough" dan gambar menunjukkan seseorang membentuk adonan, teks alt tidak perlu mengulang judul. Deskripsikan apa yang berbeda secara visual: "Tangan melipat adonan sourdough di atas permukaan bertepung."

Alat dan alur kerja yang benar-benar membantu

Sebagian besar CMS modern kini memiliki kolom teks alt bawaan. WordPress, Webflow, Contentful, dan Sanity semuanya menampilkan atribut alt secara menonjol saat unggahan. Namun, kolom yang terlihat tidak berarti akan diisi dengan baik.

Jika Anda mengaudit situs untuk menemukan teks alt yang hilang atau buruk, ekstensi browser seperti Accessibility Insights atau axe DevTools dapat menandai gambar tanpa atribut alt. Untuk pemeriksaan manual cepat, matikan gambar di browser Anda (Firefox dan Chrome sama-sama mendukung ini) lalu baca halamannya. Jika teks alt masuk akal dalam konteks, Anda sudah berada di jalur yang benar.

Teks alt yang dihasilkan AI—tersedia di alat seperti Azure Computer Vision, Google Cloud Vision, atau terintegrasi dalam platform seperti Cloudflare Images—dapat menjadi titik awal yang masuk akal, terutama untuk pustaka gambar besar. Namun perlakukan teks alt AI seperti draf pertama. Ia akan mendeskripsikan isi gambar secara akurat, tetapi tidak akan tahu mengapa gambar tersebut ada di halaman. Editor manusia tetap perlu menambahkan konteks.

Jika Anda bekerja pada situs dengan penggunaan gambar yang berat dan ingin menangkap masalah performa lebih awal, alat seperti Wux Webtools' Image Compressor dapat membantu Anda mengoptimalkan ukuran file sebelum unggahan—karena teks alt hanya berguna jika gambarnya benar-benar dimuat.

Teks alt dan SEO pada 2026

Google telah mengatakan selama bertahun-tahun bahwa teks alt adalah faktor peringkat untuk image search. Itu masih benar. Namun optimasi image search tidak sama dengan aksesibilitas.

Jika Anda menulis teks alt terutama untuk SEO, Anda akan berakhir dengan omong kosong penuh kata kunci yang membuat halaman lebih sulit dinavigasi oleh pengguna pembaca layar. Jika Anda menulis teks alt untuk aksesibilitas terlebih dahulu, manfaat SEO akan mengikuti secara alami, karena teks alt yang deskriptif dan kontekstual persis seperti yang coba dimunculkan oleh algoritma image search Google.

Satu nuansa: Google Images kini menggunakan konten halaman di sekitar gambar jauh lebih banyak daripada sebelumnya. Jika teks alt Anda baik tetapi generik ("kue cokelat dengan frosting"), dan halaman Anda membahas baking vegan, Google akan memahami konteksnya. Anda tidak perlu menulis "kue cokelat vegan dengan frosting bebas susu" kecuali perbedaan itu terlihat jelas secara visual dalam gambar.

Poin utama

• Teks alt ada untuk menyampaikan tujuan sebuah gambar, bukan untuk mendeskripsikan setiap detail visual
• Gambar dekoratif sebaiknya menggunakan alt="" agar pembaca layar melewatinya sepenuhnya
• Teks alt yang baik bersifat spesifik, peka konteks, dan menjawab "mengapa gambar ini ada di sini?"
• Teks alt yang dihasilkan AI adalah titik awal yang berguna, tetapi tetap membutuhkan penyuntingan manusia untuk konteks
• Tulis untuk aksesibilitas terlebih dahulu; manfaat SEO akan mengikuti secara alami dari teks yang jelas dan deskriptif

FAQ

Q: Bisakah saya cukup menggunakan AI untuk menghasilkan semua teks alt saya?

A: Alat AI pandai mendeskripsikan apa yang ada dalam gambar, tetapi tidak memahami konteks. Jika Anda bekerja dengan ratusan gambar produk dan membutuhkan baseline, teks alt AI tidak masalah. Untuk konten editorial, halaman pemasaran, atau apa pun yang membuat alasan keberadaan gambar menjadi penting, manusia perlu meninjau dan menyuntingnya.

Q: Seberapa panjang seharusnya teks alt?

A: Sebagian besar pembaca layar nyaman dengan 125 karakter atau kurang. Jika Anda membutuhkan lebih dari itu, informasinya kemungkinan lebih tepat berada dalam caption, dalam teks isi, atau dalam deskripsi yang lebih panjang yang ditautkan melalui aria-describedby. Tidak ada batas teknis yang keras, tetapi teks alt yang lebih panjang menjadi canggung untuk dinavigasi.

Q: Apakah saya membutuhkan teks alt untuk logo?

A: Ya, tetapi jaga agar tetap sederhana. Jika logo Anda berada di header dan tertaut ke beranda, teks alt sebaiknya adalah nama perusahaan Anda: alt="Acme Corp". Jangan menulis alt="Acme Corp logo" kecuali fakta bahwa itu adalah logo memang relevan dengan konteks.

Q: Apa perbedaan antara teks alt dan caption?

A: Teks alt adalah pengganti langsung untuk gambar. Ia dibacakan oleh pembaca layar saat gambar ditemukan. Caption adalah informasi tambahan, terlihat oleh semua orang, yang menambahkan konteks atau atribusi. Jika Anda memiliki keduanya, keduanya tidak boleh saling mengulang.

Q: Haruskah saya menambahkan teks alt ke gambar latar di CSS?

A: Tidak. Gambar latar CSS bersifat dekoratif menurut definisi dan tidak diekspos ke pembaca layar. Jika gambar latar menyampaikan informasi penting, gambar itu seharusnya menjadi elemen <img> dalam HTML dengan teks alt yang tepat.

Sumber

• W3C Web Accessibility Initiative: Images Tutorial
• WebAIM: Alternative Text
• Nielsen Norman Group: Alt Text for Images
• Google Search Central: Image SEO Best Practices