Gambar dalam elemen img sebagai pendamping pranala

Kadang-kadang, sebuah desain tema memerlukan gambar dalam elemen markah img untuk diletakkan sebagai pendamping sebuah pranala taut dalam elemen pengait anchor a pada halaman web. Dengan tidak bermaksud untuk mempersulit konsep keteraksesan yang tidak sulit dan tidak perlu dipersulit. Kenyataannya, “Gambar memang bisa mewakili sejuta kata”.

Melengkapi pemelajaran atribut alt dalam elemen img ;

…jika… gambar dimaksudkan sebagai sebuah tombol dan/atau pranala taut…

Berikut adalah beberapa hal yang sebaiknya diperhatikan ketika bermaksud menyajikan gambar menggunakan elemen img untuk menyertai teks pranala dalam elemen taut a, antara lain;

Tata letak elemen img
Dalam konteks pendamping/penyerta, maka penanaman gambar ke dalam halaman web menggunakan elemen markah img, harus diletakkan dalam elemen pranala a.

contoh:

<a href="contoh.html"><img src="gambar.png" alt="teks alternatif" />teks pengait</a>
Penggunaan atribut alt
  1. Jika teks yang dipergunakan sebagai pranala sudah cukup menjelaskan maksud dan tujuan pranala kepada pengunjung/pengguna, maka teks alternatif dalam atribut alt pada elemen img dapat diabaikan (baca: isi dengan null atau "").
  2. Jika tetap memaksakan penggunaan teks alternatif untuk gambar, maka ;
    • Teks alternatif dalam atribut alt tidak boleh sama dengan (baca: bukan merupakan duplikasi) teks yang dipergunakan sebagai pranala. atau,
    • Untuk keterangan lebih lanjut, silahkan membuka kembali Spesifikasi HTML4.01 – cara menentukan teks alternatif

Terakhir… ok, a rose by any other name would smell as sweet. H2

Gambar dalam elemen img sebagai pendamping pranala

Published on : Feb 07, 2011. Last modified at : Feb 10, 2011.
Category : Keteraksesan.
Tags : elemen, img, pranala.
Click to share on twitter , digg it, or save this article to del.icio.us.
2 opinion until now , write your opinion, or trackback this learning.

article Navigation

Related to “Gambar dalam elemen img sebagai pendamping pranala”.

  1. Atribut alt pada elemen markah img
  2. Elemen HTML Lists yang Semantik pada Konten
  3. Keteraksesan kata-kata Istimewa dalam Senarai
  4. Tag Unordered List <ul> untuk List <li> Pranala pada Menu
  5. Atribut frame elemen table, cukup pantas absen

2 Opinion for “Gambar dalam elemen img sebagai pendamping pranala”.

Saya rasa terdapat beberapa kasus di mana posisi gambar tidak begitu penting. Maksudnya, ada atau tidak ada tidak berpengaruh pada keteraksesan. Atribut alt mungkin bisa diabaikan — dikosongi.

Opini saya, keteraksesan itu tidak berarti kita berusaha menyajikan “semua konten” dalam web pada pengguna.

eh, sepertinya OOT.

Mas Ardianzzz…
Saya juga masih kesulitan… Mengakomodasi kebutuhan pengunjung biasa atau pengunjung++

Leave an Opinion

Important : LOW isn't intended to on topic opinions, just be polite. You may use strict markup only. Opinions failing these requirement will be edited. Spam opinion won't get published.
Please, enter your real name and your valid email address (in required field). Don't worry, i'll kept your email private.










Random Learning