Atribut alt menyediakan alternatif teks yang mendeskripsikan konten atau fungsi gambar. Ini melayani pengguna dan alat yang tidak dapat melihat gambar.
html
<img src="chart.png" alt="Sales grew 40% from Q1 to Q2" />
Atribut alt menyediakan alternatif teks yang mendeskripsikan konten atau fungsi gambar. Ini melayani pengguna dan alat yang tidak dapat melihat gambar.
<img src="chart.png" alt="Sales grew 40% from Q1 to Q2" />
alt dengan keras, sehingga pengguna buta tahu apa yang disampaikan gambar. Tanpanya, mereka mendengar nama file atau hanya "gambar" — tidak berguna.alt sebagai ganti ikon gambar yang rusak.alt untuk memahami dan mengindeks gambar (SEO gambar).<!-- ✅ 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="" />
Atribut alt="" (kosong, tetapi ada) penting: ia memberitahu pembaca layar "ini dekoratif, abaikan." Menghilangkan alt sepenuhnya berbeda — maka pembaca mungkin mengumumkan nama file.
alt adalah atribut aksesibilitas paling penting untuk gambar dan merupakan persyaratan hukum menurut standar aksesibilitas (WCAG).
Ini membuat konten dapat dirasakan oleh pengguna yang tidak melihat, menyediakan fallback ketika gambar rusak, dan membantu SEO — jelaskan apa yang gambar berarti dalam konteks, dan gunakan alt="" untuk gambar yang murni dekoratif.