Teks alternatif: tidak selalu diperlukan – Beragampengetahuan

Teks alternatif adalah salah satu hal di memori otot saya yang muncul setiap kali saya menggunakan elemen gambar. Properti ini cukup banyak menulis sendiri.

<img src=" alt="">

Atau, jika Anda menggunakan Emmet, hal itu dilakukan secara otomatis untuk Anda. jangan lupa alt teks! Anda dapat menggunakan ini bahkan jika Anda tidak membutuhkannya, karena pembaca layar hanya akan melewatkan string kosong. Ini disebut “menghapus” teks alternatif, dan banyak pembaca layar hanya membacakan nama file gambar. Pastikan saja itu benar-benar string kosong, karena spasi pun dapat diambil oleh beberapa teknologi bantu, yang dapat menyebabkan pembaca layar melewatkan gambar seluruhnya:

<!-- Not empty -->
<img src=" alt=" ">

Tapi tunggu…apakah ada kasus di mana gambar tidak memerlukan teks alternatif? Saya cenderung setuju dengan Eric bahwa sebagian besar gambar tidak hanya dekoratif tetapi juga perlu dideskripsikan. gambarmu adalah mungkin tidak dekoratif dan harus dijelaskan sebagai berikut alt teks.

mungkin Banyak peningkatan yang dilakukan di sana karena tidak semua gambar memiliki konten dan konteks yang sama. Emma Cionca dan Tanner Kohler melakukan penelitian baru tentang: mungkin tidak perlu alt. Ini adalah artikel yang ditulis dan diteliti dengan baik dan saya memperoleh beberapa konten berharga darinya.

Apa yang dibutuhkan pengguna dari teks alternatif

Ini adalah hal yang sama yang orang lain perlu dapatkan dari gambar tersebut: Cara mudah untuk menyelesaikan tugas-tugas dasar. Gambar produk adalah contoh yang bagus. Memberikan visual dapat membuat jalur pembelian menjadi lebih lancar karena memberikan konteks tentang tampilan produk dan apa yang diharapkan saat membeli. Jika Anda harus berhenti dan menanyakan pertanyaan dasar kepada dukungan pelanggan tentang ukuran dan warna kemeja yang Anda inginkan, tidak memberikan gambar hampir menambah gesekan pada pengalaman.

Jadi ya. jelaskan gambar ini alt! Tapi mungkin “deskripsikan” bukanlah kata yang terbaik, karena artikel ini melanjutkan poin berikutnya…

Berhenti menjelaskan seperti apa gambar itu

Artikel ini jatuh ke dalam jebakan umum yang membuat saya sangat bersalah, yaitu mendeskripsikan gambar dengan cara berikut: SAYA Merasa terbantu. Atau, seperti yang dikatakan dalam artikel tersebut, seperti yang saya katakan pada diri saya sendiri, “Saya akan mendeskripsikannya dalam teks alternatif sehingga pengguna pembaca layar dapat membayangkan apa yang tidak mereka lihat.”

Ini adalah cara yang salah untuk menanganinya. Kembali ke contoh gambar produk, artikel ini menguraikan cara pembaca layar menanganinya:

Misalnya, pengguna pembaca layar akan mengakses halaman produk seperti ini:

1. Lompat antar judul halaman untuk memahami struktur halaman.
2. Gunakan tag judul untuk menjelajahi detail bagian tertentu Deskripsi Produk.
3. Temukan gambar dan kagumi “Informasi apa yang disampaikan gambar ini tentang produk yang mungkin saya lewatkan di tempat lain?“

Menarik! Meskipun saya mungkin menemukan gambar dan mengevaluasinya berdasarkan teks di sekitarnya, pembaca layar sudah mempertanyakan apa yang terlewat di sekitarnya. Bagian inilah yang perlu saya renungkan (penekanan dari saya):

Seringkali, pengguna pembaca layar tidak ingin mengetahui seperti apa suatu gambar. Sebaliknya, mereka ingin mengetahui tujuan mereka. (Pengecualian terhadap aturan ini mungkin mencakup situs yang menampilkan gambar (seperti karya seni) semata-mata untuk kenikmatan visual, atau pengguna yang sebelumnya dapat melihat tetapi menjadi buta.)

Oke, jadi bagaimana tepatnya kita tahu kapan suatu gambar memerlukan deskripsi? Rasanya canggung untuk membuat keputusan akhir yang subjektif. Meski begitu, artikel ini menanyakan tiga pertanyaan kepada kita untuk menentukan rute terbaik.

1. Apakah gambarnya diduplikasi? Apakah informasi terkait tugas pada gambar juga ditemukan di bagian lain halaman?
2. Apakah gambarnya berguna untuk referensi? Apakah salinan halaman langsung merujuk pada gambar?
3. Apakah gambar tersebut valid? Bisa alt Bisakah teks membantu pengguna menyelesaikan tugas dengan lebih efisien?

Inilah fokus artikel ini, jadi saya akan memisahkannya.

Apakah gambarnya diduplikasi?

Pengulangan berarti konten di sekitarnya sudah melukiskan sebuah gambar. Jika gambar sudah “dideskripsikan” dengan tepat berdasarkan kontennya, maka mungkin Anda bisa langsung memusatkan perhatian pada gambar tersebut. alt milik.

Berikut adalah angka-angka yang digunakan artikel tersebut untuk menyampaikan maksudnya (ya, benar alt– ):

Keterangan gambar menggambarkan dengan tepat apa yang disampaikan gambar tersebut. Oleh karena itu, teks alternatif apa pun untuk gambar akan menjadi mubazir dan membuang-buang waktu bagi pengguna pembaca layar. Dalam hal ini, teks alternatif sebenarnya sama dengan judul. Menemukan informasi yang sama dua kali berturut-turut bisa terasa lebih membingungkan dan tidak perlu.

Jalan menuju kebahagiaan:

<img src=" alt="">

Tapi lihat gambar pengaturan meja informal/semi-formal ini, yang menunjukkan bagaimana hal itu tidak dijelaskan oleh teks di sekitarnya (dan, tidak, saya tidak menjelaskannya). alt– ):

Jika saya mendeskripsikan gambar ini, saya mungkin akan terbawa suasana saat mendeskripsikan semua poin yang diuraikan dalam bagan dan legenda. Jika saya bisa membaca semua ini, maka pembaca layar juga harus bisa membacanya, bukan? Tidak tepat. Saya sangat menghargai banyaknya contoh yang diberikan dalam artikel ini. contoh:

1. Loyang roti dan pisau mentega ada di pojok kiri atas.
2. Garpu pencuci mulut, ditempatkan secara horizontal di tengah atas.
3. Sendok pencuci mulut, diletakkan secara horizontal di tengah atas, di bawah garpu pencuci mulut.

Ini jauh lebih ringkas daripada apa yang ingin saya katakan. Bicara tentang berapa lama (atau pendek) alt Seharusnya menjadi topik yang sama sekali berbeda.

Apakah gambar tersebut mempunyai nilai referensi?

Gambar kedua yang saya letakkan di bagian terakhir adalah contoh gambar referensi yang bagus karena saya mereferensikannya langsung pada konten sebelumnya. saya membatalkan alt Oleh karena itu, properti. Namun yang membuat saya kacau adalah tidak membuat pembaca layar mengenali gambar tersebut. jika alt Properti adalah null, pembaca layar akan melewatkannya. Namun pembaca layar harus tetap mengetahui bahwa hal itu ada di sana, meskipun dijelaskan dengan tepat.

Jalan menuju kebahagiaan:

<img src=" alt="">

Ingatlah bahwa pembaca layar dapat membaca nama file gambar. Jadi mungkin gunakan kesempatan ini untuk menyebutkan gambar tersebut dan menjelaskannya secara singkat. Demikian pula, jika kita merujuk pada gambar dalam konten di sekitarnya, kita ingin pembaca layar dapat membaca gambar tersebut. Melewatkannya saja dapat menyebabkan lebih banyak kebingungan daripada kejelasan.

Apakah gambar tersebut valid?

Ketika saya melihat kata ini, perhatian saya selalu terfokus pada pertunjukan efisien Gambar referensi muncul. Namun dalam hal ini, inti artikelnya adalah apakah gambar tersebut dapat membantu pengunjung menyelesaikan tugas secara efektif.

Jika gambar membantu menyelesaikan suatu tugas, seperti membeli suatu produk, maka ya, gambar tersebut diperlukan alt teks. Namun jika konten disekitarnya sudah melakukan tugasnya, maka kita bisa membiarkannya kosong (alt="") atau lewati (alt=" ") jika tidak disebutkan.

Meringkaskan

Saya membuat demo kecil dengan hasil pengujian dari beberapa pembaca layar yang berbeda untuk melihat bagaimana hasilnya.

Teks Alt: Tidak Selalu Diperlukan Awalnya diterbitkan di beragampengetahuan, bagian dari keluarga DigitalOcean. Anda harus menerima buletin.