Materi
Kriteria 1.1.1 Non-text Content (tingkat A) meminta semua konten non-teks punya alternatif teks yang memenuhi tujuan setara, dengan beberapa pengecualian, termasuk dekorasi. Untuk elemen img, alternatif itu ditulis di atribut alt. Pohon keputusan alt W3C WAI dimulai dari fungsi gambar, bukan isinya: apakah gambar memuat teks, apakah gambar dipakai di tautan atau tombol, apakah gambar menambah makna, dan apakah gambar murni hiasan.
Gambar informatif menyampaikan konsep sederhana yang bisa diungkapkan dalam frasa atau kalimat pendek. WAI meminta alt menyampaikan makna, bukan deskripsi harfiah. Contohnya, gambar petunjuk cara membuka tutup botol obat diberi alt berisi instruksinya, bukan "tangan memegang botol". Ikon telepon di samping nomor diberi alt "Telepon", karena itulah informasinya.
Gambar dekoratif tidak menambah informasi: ornamen pembatas, foto suasana, atau gambar yang isinya sudah disebut teks di sebelahnya. Gambar seperti ini diberi alt kosong, ditulis alt="", supaya teknologi bantu melewatinya. Atributnya tetap harus ada; WAI mencatat bila alt tidak ditulis sama sekali, sebagian pembaca layar membacakan nama berkas gambarnya. WAI juga menyebut hiasan murni bisa dipindahkan ke gambar latar CSS. Gambar yang menjadi tautan, yang alt-nya menyebut tujuan tautan, sudah dibahas di kelas UX Writing pelajaran Teks untuk pembaca layar.
<!-- informatif: alt berisi informasinya -->
<p><img src="ikon-telepon.svg" alt="Telepon"> 0274 555 0192</p>
<!-- dekoratif: alt kosong, atributnya tetap ada -->
<img src="garis-batik.png" alt="">
<h2>Layanan imunisasi</h2>
