Kebolehcapaian (a) Peraturan - 3

Imej

Ini bukan sekadar menambah teks alt pada imej; ia lebih daripada itu.

Imej hiasan

• Jika imej tidak menambah konteks atau maklumat tambahan (imej hiasan) yang membolehkan pengguna memahami konteks dengan lebih baik maka imej itu harus disembunyikan daripada teknologi bantuan (AT), seperti pembaca skrin.

• Gunakan mana-mana kaedah ini untuk menyembunyikan imej daripada AT:

  • Alternatif teks kosong atau batal (alt)
  • Memohon ARIA
  • Tambahkan imej sebagai latar belakang CSS

<!-- All of these choices lead to the same result. -->
<img src=".../Ladybug.jpg" role="presentation">
<img src=".../Ladybug.jpg" role="none">
<img src=".../Ladybug.jpg" aria-hidden="true">

• Apabila ragu-ragu, tambahkan penerangan pada imej.

Kosong atau null alt

• Jangan tetapkan atribut alt imej kepada "" melainkan imej itu hiasan semata-mata.

Attribute	Example	Screen Reader Behavior	Use Case
alt="" (Empty)		Ignores the image completely	Decorative or non-informative images
Missing alt		May read the filename/URL	Not recommended; implies negligence

Imej bermaklumat

• Jika imej menyampaikan konsep, idea atau emosi, anda harus memasukkan teks alternatif terprogram yang menerangkan tujuan imej itu.

• Tambahkan perihalan imej yang sangat terperinci di mana mungkin.

cth.

<img src=".../Ladybug_Swarm.jpg" alt="A swarm of red ladybugs is resting 
on the leaves of my prize rose bush.">

• Jika imej ialah (sebaris), tambah role="img".

• Memandangkan elemen tidak menyokong atribut alt, gunakan kaedah pengekodan alternatif untuk memberikan penerangan.

Method	Use Case	Pros	Cons