alt Kosong dan Gambar Dekoratif Tersembunyi

Untuk gambar dekoratif, langkah yang tepat adalah menggunakan alt kosong: tulis alt sama dengan dua tanda kutip tanpa isi di antaranya.

Alt kosong menandai gambar sebagai dekoratif, sehingga pembaca layar melewatinya sepenuhnya dan tidak pernah mengumumkannya.

Alt kosong dan alt yang tidak ada sama sekali berbeda. Kosong berarti sengaja dilewati; tidak ada berarti penulis lupa.

Tanpa alt sama sekali, banyak pembaca layar akan beralih membaca nama file dengan lantang, seperti IMG garis bawah 4823 titik jpg.

Aturannya sederhana: setiap img memerlukan atribut alt. Satu-satunya pertanyaan adalah apakah atribut itu kosong atau berisi.

Pemisah visual, garis, dan pembatas tidak memiliki makna, sehingga semuanya merupakan contoh tepat untuk alt kosong.

Jangan menaruh spasi di antara tanda kutip. Alt kosong yang sebenarnya tidak memiliki apa pun di dalamnya, bahkan satu karakter spasi pun tidak.

Jika gambar benar-benar dekoratif, sering kali solusi paling rapi adalah gambar latar belakang CSS, yang sepenuhnya diabaikan oleh pohon aksesibilitas.

Anda juga dapat menyembunyikan grafik dekoratif dengan menyetel aria-hidden ke true, yang umum digunakan untuk ikon SVG sebaris di samping teks yang terlihat.

Berhati-hatilah: jangan pernah memberikan alt kosong atau aria-hidden pada gambar yang informatif, karena Anda akan menghapusnya secara diam-diam bagi sebagian pengguna.

Jika gambar dekoratif berada di dalam tautan, tautan tersebut tetap memerlukan teks yang dapat diakses di suatu tempat, atau tautan itu tidak akan memiliki nama.

Temukan perbedaan yang penting.

Bagus sekali! Alt kosong sengaja menyembunyikan dekorasi, alt yang tidak ada merupakan kesalahan, dan aria-hidden atau latar belakang CSS juga menjaga ornamen tetap tidak terdengar.