Atribut alt menyediakan alternatif teks yang menggambarkan kandungan atau fungsi imej. Ia melayani pengguna dan alat yang tidak dapat melihat imej.
html
<img src="chart.png" alt="Sales grew 40% from Q1 to Q2" />
Atribut alt menyediakan alternatif teks yang menggambarkan kandungan atau fungsi imej. Ia melayani pengguna dan alat yang tidak dapat melihat imej.
<img src="chart.png" alt="Sales grew 40% from Q1 to Q2" />
alt dengan keras, jadi pengguna buta tahu apa yang disampaikan imej. Tanpanya, mereka mendengar nama fail atau hanya "imej" — tidak berguna.alt sebagai ganti ikon imej yang rosak.alt untuk memahami dan mengindeks imej (SEO imej).<!-- ✅ describe the MEANING, not "image of..." -->
<img src="dog.jpg" alt="A golden retriever catching a frisbee" />
<!-- ✅ for functional images, describe the ACTION -->
<a href="/home"><img src="logo.png" alt="Acme home" /></a>
<!-- ✅ DECORATIVE images get an EMPTY alt so screen readers skip them -->
<img src="divider.png" alt="" />
alt="" (kosong, tetapi ada) adalah penting: ia memberitahu pembaca skrin "ini adalah hiasan, abaikan." Meninggalkan alt sepenuhnya adalah berbeza — maka pembaca mungkin mengumumkan nama fail.
alt adalah atribut kebolehaksesan terpenting tunggal untuk imej dan merupakan keperluan undang-undang di bawah piawaian kebolehaksesan (WCAG).
Ia menjadikan kandungan dapat dirasakan oleh pengguna yang tidak melihat, memberikan fallback ketika imej rosak, dan membantu SEO — jelaskan apa yang imej bermakna dalam konteks, dan gunakan alt="" untuk imej hiasan tulen.