Alat Kebolehcapaian percuma

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.

Percuma. Menyemak alamat yang anda masukkan dalam kira-kira 20 saat.

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.

Imej tanpa teks alt: cara membaikinya di Shopify, WooCommerce dan mana-mana laman

Soalan tentang alat ini

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

Alat berkaitan

Laporan Pembaikan Kebolehcapaian ($174, sekali bayar) bermula daripada imbasan percuma penuh dan menambah lebih banyak halaman, perubahan yang perlu dibuat bagi setiap penemuan, PDF dan ujian semula untuk mengesahkan pembaikan anda.

Tentang Laporan Pembaikan Kebolehcapaian