Membuat alt teks pada gambar untuk kemudahan akses situs

Pengunjung melihat halaman web atau blog tidak semuanya sekedar untuk melihat informasi baru, gambar-gambar yang menarik, dan efek visual audio yang mengagumkan.

Seiring bertambahnya usia banyak orang memiliki gangguan visual, gangguan pendengaran, dan gangguan mobilitas dan mereka menggunakan web setiap hari. Karena itu kita sebaiknya berusaha untuk membuat halaman web atau blog kita lebih mudah diakses bagi mereka.

Salah satu cara termudah untuk memeriksa kemudahan akses halaman web atau blog kita adalah melalui validator aksesibilitas seperti http://wave.webaim.org. dan validator lainnya.

Validator aksesibilitas memeriksa HTML kita dan menampilkan kembali halaman dengan gambar sebagai penjelasan untuk membantu kita melihat di mana halaman kita mungkin tidak dapat diakses. Validator akan memeriksa kedua masalah kompatibilitas, baik kompatibilitas browser dan masalah kecacatan akses.

Meskipun cukup sulit menangkap makna gambar dan penjelasan yang dihasilkan oleh validator aksesibilitas, namun ada baiknya kita mencoba menggunakannya, untuk memberikan masukan kepada kita tentang optimasi dan kemudahan akses halaman di web atau blog kita.

Berikut ini beberapa kesalahan aksesibilitas umum dan bagaimana memperbaikinya:


Hilang deskripsi teks alternatif


Jangan melupakan teks alternatif alt="..." dalam tag kita. Ini membantu orang mengetahui tentang apa gambar yang kita tampilkan, juga bermanfaat bagi orang yang melihat web dengan opsi gambar off. Sekaligus juga teks alt akan terindex oleh search engine, sehingga bagus untuk dukungan SEO halaman yang terkait dengan gambar.


Hilang deskripsi teks alternatif untuk link gambar


Taruh alt = "teks" dan title="teks" dalam tag HTML untuk gambar yang bisa diklik, sebagai contoh:

<a href="http://b95d4708zcgn2tfv6ehkqjrc8n.hop.clickbank.net/" rel="nofollow" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiZl_0O5LJ6EIp6PoRR-9LcBpsRpSchyphenhyphenayHht3DaIqmda0Vba0nyaa9hoBpduf7j57BZd0bSdpuSVQ-H9eUU2GqjNKGVNreqkb6jpGfFafU2fuN3r1jQq0KKoevpHw5vCzgCqYaTnhZCcY/s1600/web+design+for+online+business+marketer.png" border="0" alt="Dapatkan uang dengan ikut survey online" title="Dapatkan uang dengan ikut survey online" width="120" height="120" /></a>

Ini membantu orang mengetahui tentang apa gambar yang ditampilkan dan kemana mereka akan dibawa bila mengklik gambar tersebut.

Tidak ada teks deskriptif untuk file audio dan file film.


Sementara file audio meningkatkan pengalaman web bagi orang-orang kurang penglihatan namun memiliki kemampuan pendengaran yang masih baik, tidak demikian halnya untuk orang-orang kurang pendengaran. Sebaliknya untuk file film.

Bila ada teks deskriptif untuk jenis file, mereka akan bisa memilih file yang akan diakses sesuai dengan kebutuhan dan kemampuan indera mereka.

Demikanlah, semoga bermanfaat.

Previous
Next Post »

SILAHKAN MEMBERIKAN KOMENTAR MENGGUNAKAN TATA BAHASA YANG BAIK DAN BENAR. KOMENTAR MENGGUNAKAN KATA DENGAN EJAAN YANG TIDAK BAKU AKAN DIHAPUS. TERIMA KASIH ConversionConversion EmoticonEmoticon