Panduan pragmatik untuk teks alt imej pada 2026

Mengapa teks alt masih penting

Teks alt telah menjadi sebahagian daripada spesifikasi HTML sejak 1995. Tiga puluh tahun kemudian, kebanyakan imej di web masih sama ada tidak mempunyai atribut alt, atau mempunyai teks alt yang berbunyi seolah-olah ditulis oleh seseorang yang tidak pernah menggunakan pembaca skrin.

Masalahnya bukan lagi kesedaran. Kebanyakan sistem pengurusan kandungan kini menjadikan medan alt wajib. Masalahnya ialah teks alt telah menjadi kotak semak pematuhan, bukan alat komunikasi. Orang menulis "imej seseorang tersenyum" sedangkan konteks sebenar ialah "CEO mengumumkan pendapatan Q4."

Teks alt wujud atas satu sebab: untuk menyampaikan tujuan sesuatu imej kepada seseorang yang tidak dapat melihatnya. Tujuan itu berubah bergantung pada konteks. Foto secawan kopi di laman utama sebuah kafe mempunyai fungsi yang berbeza daripada foto yang sama dalam catatan blog tentang teknik penggilapan seramik.

Pada 2026, kita juga mempunyai alat AI yang boleh menjana teks alt secara automatik. Alat ini semakin baik, tetapi masih tidak memahami konteks. Ia menerangkan apa yang dilihat, bukan mengapa imej itu berada di situ.

Pohon keputusan: Adakah imej ini memerlukan teks alt?

Bukan setiap imej memerlukan teks alt yang bersifat deskriptif. Sesetengah imej bersifat hiasan. Sesetengahnya berulang. Sesetengahnya lebih sesuai dijelaskan melalui kapsyen atau teks di sekelilingnya.

Begini proses keputusannya:

Adakah imej itu menyampaikan maklumat yang tidak tersedia dalam teks di sekelilingnya? Jika ya, ia memerlukan teks alt. Jika tidak, ia mungkin hiasan.

Adakah pengguna buta akan terlepas sesuatu yang penting jika imej ini hilang? Jika ya, tulis teks alt. Jika tidak, gunakan atribut alt kosong (alt="") untuk memberitahu pembaca skrin supaya melangkaunya.

Adakah imej itu pautan atau butang? Teks alt menjadi teks pautan. Terangkan destinasi, bukan imej. "Lihat pelan harga" lebih baik daripada "ikon anak panah."

Adakah imej itu kompleks—carta, rajah, atau infografik? Teks alt mempunyai had panjang yang praktikal (sekitar 125 aksara adalah selesa untuk kebanyakan pembaca skrin). Imej kompleks memerlukan perihalan yang lebih panjang, sama ada dalam kapsyen, dalam teks badan, atau melalui aria-describedby.

Bagaimana bunyi teks alt yang baik sebenarnya

Teks alt yang baik adalah khusus, ringkas, dan sedar konteks. Ia menjawab soalan: Mengapa imej ini ada di sini?

Buruk: "Imej graf"

Lebih baik: "Graf garis yang menunjukkan peningkatan 23% dalam trafik mudah alih dari Januari hingga Mac 2026"

Buruk: "Seseorang menggunakan komputer riba"

Lebih baik: "Pereka bentuk menyemak mockup laman web dalam Figma"

Buruk: "Klik di sini"

Lebih baik: "Muat turun senarai semak audit kebolehcapaian penuh (PDF)"

Perhatikan bahawa teks alt yang baik sering merangkumi nombor, tindakan, atau hasil. Ia tidak menerangkan setiap butiran visual. Ia menerangkan perkara yang penting.

Untuk imej hiasan—tekstur latar hero, sempadan ornamental, ilustrasi yang semata-mata estetik—gunakan alt="". Ini bukan kemalasan. Ini kejujuran semantik. Pembaca skrin akan melangkau imej itu sepenuhnya, dan itulah yang anda mahukan.

Kesilapan biasa yang membazirkan masa semua orang

Bermula dengan "Imej" atau "Gambar": Pembaca skrin sudah mengumumkan bahawa itu ialah imej. Terus masuk kepada perihalan.

Menyumbat kata kunci untuk SEO: Teks alt bukan tempat untuk memadatkan "biji kopi organik terbaik Brooklyn artisan roasted." Carian imej Google sudah pandai mengesan perkara ini selama bertahun-tahun. Tulis untuk manusia.

Menerangkan nama fail: "IMG_3847.jpg" tidak membantu sesiapa. Begitu juga "hero-banner-final-v3."

Menulis novel: Jika teks alt anda lebih panjang daripada dua ayat, maklumat itu mungkin lebih sesuai diletakkan dalam kapsyen atau teks badan.

Mengulang teks bersebelahan: Jika tajuk menyatakan "Cara membakar roti sourdough" dan imej menunjukkan seseorang membentuk doh, teks alt tidak perlu mengulang tajuk. Terangkan perkara yang berbeza secara visual: "Tangan melipat doh sourdough di atas permukaan bertepung."

Alat dan aliran kerja yang benar-benar membantu

Kebanyakan CMS moden kini mempunyai medan teks alt terbina dalam. WordPress, Webflow, Contentful, dan Sanity semuanya memaparkan atribut alt dengan jelas semasa muat naik. Medan itu kelihatan tidak bermakna ia diisi dengan baik.

Jika anda mengaudit laman untuk teks alt yang tiada atau lemah, sambungan pelayar seperti Accessibility Insights atau axe DevTools boleh menandakan imej tanpa atribut alt. Untuk semakan manual yang pantas, matikan imej dalam pelayar anda (Firefox dan Chrome kedua-duanya menyokong ini) dan baca halaman tersebut. Jika teks alt masuk akal dalam konteks, anda berada di landasan yang betul.

Teks alt jana AI—tersedia dalam alat seperti Azure Computer Vision, Google Cloud Vision, atau terbina dalam platform seperti Cloudflare Images—boleh menjadi titik permulaan yang munasabah, terutamanya untuk pustaka imej yang besar. Tetapi anggap teks alt AI seperti draf pertama. Ia akan menerangkan kandungan imej dengan tepat, tetapi ia tidak akan tahu mengapa imej itu berada pada halaman. Penyunting manusia masih perlu menambah konteks.

Jika anda bekerja pada laman yang banyak menggunakan imej dan mahu mengesan isu prestasi lebih awal, alat seperti Wux Webtools' Image Compressor boleh membantu anda mengoptimumkan saiz fail sebelum muat naik—kerana teks alt hanya berguna jika imej itu benar-benar dimuatkan.

Teks alt dan SEO pada 2026

Google telah mengatakan selama bertahun-tahun bahawa teks alt ialah faktor kedudukan untuk carian imej. Itu masih benar. Tetapi pengoptimuman carian imej tidak sama dengan kebolehcapaian.

Jika anda menulis teks alt terutamanya untuk SEO, anda akan berakhir dengan karut yang disumbat kata kunci dan menjadikan halaman lebih sukar dinavigasi oleh pengguna pembaca skrin. Jika anda menulis teks alt untuk kebolehcapaian terlebih dahulu, manfaat SEO akan menyusul secara semula jadi, kerana teks alt yang deskriptif dan berkonteks ialah tepat apa yang cuba ditonjolkan oleh algoritma carian imej Google.

Satu nuansa: Google Images kini menggunakan kandungan halaman di sekeliling dengan jauh lebih banyak berbanding dahulu. Jika teks alt anda baik tetapi generik ("kek coklat dengan aising"), dan halaman anda tentang pembakaran vegan, Google akan memahami konteksnya. Anda tidak perlu menulis "kek coklat vegan dengan aising bebas tenusu" melainkan perbezaan itu jelas kelihatan dalam imej.

Perkara utama

• Teks alt wujud untuk menyampaikan tujuan sesuatu imej, bukan untuk menerangkan setiap butiran visual
• Imej hiasan harus menggunakan alt="" supaya pembaca skrin melangkaunya sepenuhnya
• Teks alt yang baik adalah khusus, sedar konteks, dan menjawab "mengapa imej ini ada di sini?"
• Teks alt jana AI ialah titik permulaan yang berguna tetapi masih memerlukan penyuntingan manusia untuk konteks
• Tulis untuk kebolehcapaian dahulu; manfaat SEO akan menyusul secara semula jadi daripada teks yang jelas dan deskriptif

FAQ

Q: Bolehkah saya hanya menggunakan AI untuk menjana semua teks alt saya?

A: Alat AI bagus dalam menerangkan apa yang ada dalam imej, tetapi ia tidak memahami konteks. Jika anda bekerja dengan ratusan imej produk dan memerlukan asas awal, teks alt AI memadai. Untuk kandungan editorial, halaman pemasaran, atau apa-apa sahaja yang mana sebab imej itu wujud penting, manusia perlu menyemak dan menyuntingnya.

Q: Berapa panjang sepatutnya teks alt?

A: Kebanyakan pembaca skrin selesa dengan 125 aksara atau kurang. Jika anda memerlukan lebih daripada itu, maklumat tersebut mungkin lebih sesuai berada dalam kapsyen, dalam teks badan, atau dalam perihalan yang lebih panjang yang dipautkan melalui aria-describedby. Tiada had teknikal yang keras, tetapi teks alt yang lebih panjang menjadi janggal untuk dinavigasi.

Q: Adakah saya memerlukan teks alt untuk logo?

A: Ya, tetapi ringkaskan. Jika logo anda berada dalam pengepala dan memaut ke laman utama, teks alt sepatutnya ialah nama syarikat anda: alt="Acme Corp". Jangan tulis alt="Acme Corp logo" melainkan hakikat bahawa ia sebuah logo entah bagaimana relevan dengan konteks.

Q: Apakah perbezaan antara teks alt dan kapsyen?

A: Teks alt ialah pengganti langsung untuk imej. Ia dibaca oleh pembaca skrin apabila imej ditemui. Kapsyen ialah maklumat tambahan, boleh dilihat oleh semua orang, yang menambah konteks atau atribusi. Jika anda mempunyai kedua-duanya, kedua-duanya tidak sepatutnya mengulang satu sama lain.

Q: Patutkah saya menambah teks alt pada imej latar dalam CSS?

A: Tidak. Imej latar CSS adalah hiasan mengikut definisi dan tidak didedahkan kepada pembaca skrin. Jika imej latar menyampaikan maklumat penting, ia sepatutnya menjadi elemen <img> dalam HTML dengan teks alt yang betul.

Sumber

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