Audit Image Alt Teks: Hilang, Kosong dan Tidak membantu Alternatif
Gunakan audit atribut HTML untuk membuat antrian tinjauan manusia daripada skor aksesibilitas.
Pilih HTML yang Anda maksud untuk memeriksa
Tempel atau unggah sumber HTML halaman. Jika skrip membuat gambar, ekspor HTML secara terpisah yang relevan; audit tidak menjalankan skrip tersebut. Ini membaca atribut img tanpa memuat gambar. Gambar latar belakang CSS, aksesibilitas SVG dan isi visual yang sebenarnya tidak termasuk. Catatan versi sumber mana yang Anda berikan sehingga antrian ulasan dapat ditelusuri kembali ke halaman nyata.
Membuat ulang contoh gambar-tiga
Sampel berisi product.jpg dengan alt Blue keramic mug, divider.svg dengan atribut alt kosong, dan photo.jpg tanpa alt. Laporan mengidentifikasi tiga gambar, satu atribut hilang dan satu alternatif kosong. Alternatif mug ada, tapi itu saja tidak membuktikan itu menyampaikan detail yang tepat. Nilai divider yang kosong meminta Anda untuk mengkonfirmasi maksud dekoratif daripada secara otomatis memperlakukannya sebagai kesalahan.
Baca peran gambar pada halaman
Sebuah gambar informatif membutuhkan alternatif yang sesuai dengan konten sekitarnya. Sebuah gambar dekoratif dapat benar menggunakan alt = "" sehingga teknologi bantu dapat melewatinya. Sebuah gambar terkait sering membutuhkan teks menggambarkan tujuan link, bukan hanya penampilannya. Periksa pos terdekat, judul, link dan konten berulang sebelum menulis pengganti. Gambar yang sama dapat membutuhkan pengobatan yang berbeda dalam konteks yang berbeda.
| Huruf HTML | Pencarian lokal | Pertanyaan manusia |
|---|---|---|
| alt = "Mug keramik biru" | Hadir | Apakah ini menyampaikan informasi yang dibutuhkan? |
| alt = "" | Kosong | Apa ini dekoratif atau berlebihan? |
| Tidak ada atribut alt | Hilang | Peran apa yang digambar? |
| alt = "photo.jpg" | Nama berkas mencurigakan | Apa yang seharusnya dimengerti pengunjung? |
Audit tidak memuat gambar atau menilai makna visual mereka.
Gunakan contoh ini Opens Image all- text cakupan audit dengan masukan ini.
Perlakukan kata-kata mencurigakan sebagai prompt tinjauan
Alat ini dapat menandai kata-kata generik sederhana atau filename- seperti alternatif dan kontradiksi dengan sinyal dekoratif. Tidak dapat memutuskan apakah sebuah alternatif cukup, berlebihan atau menyesatkan tanpa memahami halaman. Hindari mengubah laporan menjadi permintaan mekanik untuk deskripsi yang lebih panjang. Sebuah alternatif yang berarti ringkas dapat lebih baik daripada deskripsi rinci yang mengulangi teks terdekat atau menyembunyikan tujuan dari gambar terkait.
Verifikasi halaman yang direvisi
Sunting markup yang sebenarnya, periksa gambar dalam konteks dan uji pengalaman membaca yang relevan. Jalankan ulang audit atribut pada sumber yang direvisi untuk mengkonfirmasi bahwa perubahan Anda ada. Pertahankan kasus yang belum terselesaikan dalam antrian tinjau daripada mengklaim seluruh halaman dapat diakses karena setiap img sekarang memiliki atribut. Kehadiran adalah sinyal cakupan yang berguna, bukan penilaian aksesibilitas lengkap.