# Penyemak Teks Alt Imej Masukkan alamat halaman untuk menyenaraikan setiap imej padanya berserta teks altnya, dibaca dalam pelayar sebenar selepas skrip dijalankan. Lihat imej yang tiada teks alt, yang ditanda sebagai hiasan, dan yang mempunyai teks alt yang tidak menghuraikan apa-apa. ## Apa yang disemak oleh alat ini - Imej tanpa teks alt: Setiap elemen img dan butang imej yang tiada atribut alt dan tiada nama boleh capai lain, seperti aria-label. - Imej berpautan yang menjadikan pautan tanpa nama: Logo dan ikon di dalam pautan atau butang yang tiada teks alt dan tiada teks lain, jadi pembaca skrin hanya dapat mengumumkan “pautan”. - Teks alt yang kelihatan seperti nama fail: Nilai seperti IMG_2041.jpg, DSC0042 atau rentetan digit yang panjang, yang diisi secara automatik oleh banyak sistem semasa muat naik. - Perkataan umum: Teks alt yang hanya “image”, “photo”, “logo” atau “banner” tidak memberitahu sesiapa apa yang dipaparkan oleh imej. - Teks berlebihan dan berulang: Penerangan yang bermula dengan “image of”, mengulang teks pautan di sebelahnya, atau digunakan semula pada tiga atau lebih imej yang berbeza. - Imej hiasan dan tersembunyi: Imej yang ditanda alt="" atau role="presentation", dan imej yang disembunyikan dengan aria-hidden atau CSS, disenaraikan secara berasingan supaya anda dapat mengesahkan setiap satu benar-benar hiasan. - Pratonton setiap imej: Lakaran kecil di sebelah teks altnya, supaya anda dapat menilai setiap penerangan dalam beberapa saat. Penapis menunjukkan masalah sahaja atau apa yang perlu disemak sahaja. ## Apa yang tidak dapat disemaknya - Menentukan sama ada teks alt itu tepat. Hanya orang yang dapat melihat imej dan tahu sebab imej itu berada pada halaman boleh menilainya. - Menyemak imej yang ditetapkan sebagai latar belakang CSS, atau alternatif teks bagi grafik SVG dan canvas. Ia menyenaraikan elemen img dan butang imej. - Menyemak imej di dalam bingkai, seperti video, peta dan iklan terbenam. - Menyenaraikan lebih daripada 150 imej. Pada halaman yang sangat panjang, ia menunjukkan 150 imej pertama dan menyatakan jumlah keseluruhannya. - Menguji halaman lain. Imbasan percuma penuh menyemak teks alt bersama keperluan WCAG yang lain pada sehingga lima halaman penting. ## Mengapa ia penting Teks alt ialah apa yang dibaca oleh pembaca skrin sebagai ganti imej, dan apa yang ditunjukkan oleh pelayar apabila imej gagal dimuatkan. Kriteria kejayaan WCAG 2.2 1.1.1, pada Tahap A, menetapkan alternatif teks untuk setiap imej yang membawa maklumat, dan alternatif kosong untuk imej yang tidak membawa maklumat. Teks alt yang tiada ialah kegagalan kebolehcapaian kedua paling biasa di web: analisis WebAIM 2026 menemuinya pada 53.1% daripada sejuta halaman utama teratas, dan 16.2% daripada semua imej yang disemaknya tiada teks alt. Enjin carian juga membacanya. Google menyatakan bahawa ia menggunakan teks alt bersama penglihatan komputer dan kandungan halaman untuk memahami imej, dan bahawa teks alt bagi imej berpautan berfungsi seperti teks sauh (anchor text) pautan itu. ## Cara membaca keputusan - Tiada teks alt: Imej tiada atribut alt dan tiada nama lain. Bergantung pada perisian, pembaca skrin mungkin membacakan nama fail atau melangkau imej itu. - Hiasan: alt="" atau role="presentation": pembaca skrin melangkau imej itu. Betul untuk hiasan; salah untuk imej yang membawa maklumat atau menjadi satu-satunya kandungan pautan. - Ada teks alt: Imej mempunyai penerangan. Kami menandakan yang kelihatan salah; selebihnya masih perlu disemak oleh manusia untuk memastikan ketepatannya. - Dinamakan dengan ARIA atau title: Tiada atribut alt, tetapi ada nama daripada aria-label, aria-labelledby atau title. Ini lulus ujian automatik; alt tetap pilihan yang lebih boleh dipercayai. - Tersembunyi: Tidak dipaparkan, atau disembunyikan daripada teknologi bantuan dengan aria-hidden. Tiada apa-apa untuk dibaiki melainkan imej itu sepatutnya kelihatan. - Pautan tanpa nama: Pautan atau butang yang satu-satunya kandungannya ialah imej tanpa alternatif teks. Ini gagal walaupun imej itu sendiri hanya hiasan. - Semak: Teks alt yang kelihatan seperti nama fail atau perkataan umum, bermula dengan “image of”, mengulang teks pautan, sangat panjang, atau digunakan semula pada beberapa imej. ## Cara membaiki masalah yang paling biasa - Foto produk dan kandungan: Huraikan apa yang akan terlepas oleh seseorang tanpa imej itu, dalam konteks halaman. Untuk produk: item itu, warnanya dan pandangan yang ditunjukkan. Untuk foto artikel: apa yang ditunjukkannya yang tidak dinyatakan oleh teks. - Logo yang memaut ke halaman utama: Imej berpautan sepatutnya menyatakan destinasi pautan. Untuk logo yang memaut ke halaman utama, gunakan nama syarikat, contohnya alt="Laman utama Acme", dan bukannya “logo”. - Ikon di dalam pautan dan butang: Berikan ikon teks alt yang menamakan tindakannya, seperti “Cari” atau “Troli”, atau berikan pautan itu aria-label dan tandakan ikon sebagai hiasan dengan alt="". - Imej hiasan: Gunakan alt="" (nilai kosong, bukan atribut yang tiada) untuk pembahagi, hiasan latar belakang dan imej yang mengulang teks betul-betul di sebelahnya. - Nama fail yang diisi oleh platform anda: Banyak platform menyalin nama fail ke dalam medan alt semasa muat naik. Suntingnya di tempat imej itu diurus: di Shopify, pada media produk; di WordPress, medan Alternative Text dalam Media Library. - Carta dan infografik: Berikan alt ringkas yang menyatakan apa yang ditunjukkan oleh carta, dan letakkan data atau ringkasannya dalam teks atau jadual di sebelahnya. ## Soalan lazim ### Apakah teks alt? Atribut alt bagi imej menyimpan alternatif teksnya. Pembaca skrin membacanya dengan kuat, dan pelayar menunjukkannya apabila imej tidak dapat dipaparkan. ### Adakah setiap imej perlu mempunyai teks alt? Setiap elemen img sepatutnya mempunyai atribut alt. Bagi imej yang membawa maklumat, atribut itu menghuraikan imej; bagi imej hiasan, ia sepatutnya kosong (alt="") supaya pembaca skrin melangkaunya. ### Berapa panjangkah teks alt yang sepatutnya? WCAG tidak menetapkan had. Teks alt yang baik biasanya frasa atau ayat yang ringkas. Jika imej memerlukan lebih, huraikannya dalam teks halaman atau kapsyen dan kekalkan alt yang ringkas. Kami menandakan teks alt yang melebihi 150 aksara untuk disemak semula. ### Adakah teks alt membantu SEO? Google menyatakan bahawa ia menggunakan teks alt, bersama penglihatan komputer dan kandungan halaman, untuk memahami imej, dan bahawa teks alt bagi imej berpautan berfungsi seperti teks sauh. Google juga memberi amaran bahawa memenuhkan atribut alt dengan kata kunci boleh dianggap sebagai spam. ### Adakah atribut title sama dengan alt? Tidak. title dipaparkan sebagai petua alat (tooltip) apabila tetikus dihalakan ke atasnya dan tidak diumumkan dengan konsisten oleh pembaca skrin atau tersedia pada skrin sentuh. Ujian automatik menerimanya sebagai nama apabila alt tiada, tetapi alt ialah pilihan yang boleh diharapkan. ### Bolehkah AI menulis teks alt saya? AI boleh membuat draf penerangan, tetapi ia tidak tahu sebab imej itu berada pada halaman anda. Semak setiap draf: teks alt yang betul bergantung pada konteks yang hanya anda ketahui. ## Sumber - [W3C: Memahami kriteria kejayaan WCAG 2.2 1.1.1 Non-text Content](https://www.w3.org/WAI/WCAG22/Understanding/non-text-content) - [W3C Images Tutorial: Pepohon keputusan alt (An alt decision tree)](https://www.w3.org/WAI/tutorials/images/decision-tree/) - [W3C Images Tutorial: Imej berfungsi (Functional images)](https://www.w3.org/WAI/tutorials/images/functional/) - [Google Search Central: Amalan terbaik SEO imej](https://developers.google.com/search/docs/appearance/google-images) - [Deque: Peraturan image-alt axe-core](https://dequeuniversity.com/rules/axe/4.13/image-alt) - [WebAIM: The WebAIM Million (2026)](https://webaim.org/projects/million/)