Web Accessibility Academy · Pelajaran

Menulis Alt yang Menyampaikan Tujuan, Bukan Piksel

Jelaskan makna gambar sesuai konteksnya.

Pelajaran 2 dari 413 langkah

Menulis Alt yang Menyampaikan Tujuan, Bukan Piksel adalah pelajaran Web Accessibility Academy gratis di CoddyKit. Ini adalah pelajaran 2 dari 4. Kamu bisa membaca pelajaran lengkapnya di bawah secara gratis — lalu praktikkan langsung di browser dengan editor kode bawaan dan tutor AI 24/7. Ini adalah bagian dari jalur belajar Web Accessibility Academy, dan progresmu tersinkronisasi di web dan aplikasi CoddyKit. Kursus Web Accessibility Academy mencakup 4 pelajaran total.

Jelaskan Makna, Bukan Tampilan

Teks alt yang baik menjelaskan apa yang dimaknai gambar dalam konteks, bukan uraian piksel demi piksel tentang setiap warna dan bentuk.

Utamakan Tujuan, Bukan Piksel

Tanyakan mengapa gambar itu ada. Jawabannya adalah tujuannya, dan teks alt Anda harus menyampaikan tepat hal itu, tidak lebih.

Lewati Frasa image of

Jangan mulai dengan image of atau photo of. Pembaca layar sudah mengumumkan bahwa itu adalah sebuah gambar, jadi kata-kata tersebut hanya membuang waktu.

<img src="cat.jpg" alt="A tabby cat asleep on a keyboard">

Jaga Tetap Ringkas

Usahakan frasa yang singkat tetapi lengkap, biasanya kurang dari sekitar 125 karakter. Jika memerlukan lebih banyak, gambar tersebut mungkin kompleks.

Konteks Mengubah Segalanya

Foto anjing yang sama dapat menjadi contoh ras atau kisah pelanggan yang puas. Biarkan konteks di sekitarnya membentuk kata-kata Anda.

Gambar yang Merupakan Tautan

Ketika gambar menjadi satu-satunya isi tautan, alt-nya harus menjelaskan tujuan tautan, bukan sekadar gambarnya.

<a href="/home"><img src="logo.svg" alt="Acme home"></a>

Gambar Berisi Teks

Jika grafik berisi kata-kata, teks alt Anda harus mencakup semua teks tersebut agar tidak ada informasi yang hilang bagi pengguna tunanetra.

Jangan Mengulangi Teks di Sekitarnya

Jika keterangan tepat di sebelah gambar sudah menjelaskannya, alt kosong mencegah pembaca layar membacakannya dua kali.

Tulis untuk Kesetaraan Makna

Bayangkan Anda membacakan teks alt kepada seseorang melalui telepon. Jika orang itu memahami hal yang sama, Anda telah mencapai kesetaraan yang sebenarnya.

Hindari Penjejalan Kata Kunci

Teks alt bukan tempat untuk menumpuk SEO. Memasukkan terlalu banyak kata kunci merugikan pengguna sebenarnya dan justru itulah yang dihindari oleh teks alt yang baik.

Tanda Baca Membantu Jeda

Akhiri teks alt dengan titik. Tanda baca kecil itu memberi pembaca layar jeda alami sebelum melanjutkan.

Pemeriksaan Singkat

Pilih teks alt yang paling kuat di bawah ini.

Rangkuman

Progres Anda sangat baik! Teks alt yang kuat merangkum tujuan dalam frasa singkat, tidak menambahkan frasa “gambar dari”, menghormati konteks, dan tidak pernah menjejalkan kata kunci.

Gratis untuk memulai

Belajar HTML dengan tutor AI — gratis

Tulis dan jalankan kode asli di browser kamu, dapatkan bantuan instan dari tutor AI 24/7, dan lanjutkan di mana kamu tinggalkan di web atau aplikasi.

Kursus
30
Pelajaran
120

Pertanyaan yang Sering Diajukan

Apakah pelajaran “Menulis Alt yang Menyampaikan Tujuan, Bukan Piksel” gratis?

Ya — teks lengkap “Menulis Alt yang Menyampaikan Tujuan, Bukan Piksel” gratis dibaca di sini di web. Untuk praktiknya secara interaktif (editor kode bawaan dan tutor AI 24/7) dan buka sisa kursus Web Accessibility Academy, upgrade ke CoddyKit PRO. Kursus Web Accessibility Academy mencakup 4 pelajaran total.

Apa yang akan aku pelajari di “Menulis Alt yang Menyampaikan Tujuan, Bukan Piksel”?

Jelaskan makna gambar sesuai konteksnya. Kamu berlatih Web Accessibility Academy dengan kode praktik yang langsung kamu jalankan di browser, dan tutor AI 24/7 menjawab pertanyaanmu saat kamu mengerjakan pelajaran ini.

Apakah aku perlu pengalaman untuk memulai Web Accessibility Academy?

Tidak diperlukan pengalaman sebelumnya. Web Accessibility Academy di CoddyKit dirancang untuk pemula hingga pelajar tingkat lanjut, jadi kamu bisa memulai di sini atau dari awal dan belajar sesuai kecepatan kamu sendiri. Ini adalah pelajaran 2 dari 4.

Berapa lama pelajaran “Menulis Alt yang Menyampaikan Tujuan, Bukan Piksel” memakan waktu?

Sebagian besar pelajaran CoddyKit memakan waktu sekitar 5–10 menit. Setiap pelajaran ringkas dan interaktif, jadi kamu membuat kemajuan stabil dan melanjutkan dari tempat kamu tinggalkan di web dan aplikasi.

Bisakah aku menulis dan menjalankan kode dalam pelajaran Web Accessibility Academy ini?

Ya. Setiap pelajaran Web Accessibility Academy menyertakan editor kode bawaan, jadi kamu menulis dan menjalankan kode nyata langsung di browser dan mendapatkan umpan balik AI instan — tidak diperlukan penyiapan lokal.

Semua pelajaran dalam kursus ini

  1. Informatif vs Dekoratif: Keputusan Pertama
  2. Menulis Alt yang Menyampaikan Tujuan, Bukan Piksel
  3. alt Kosong dan Gambar Dekoratif Tersembunyi
  4. Gambar Kompleks: Bagan, Peta, dan Deskripsi Panjang
← Kembali ke Web Accessibility Academy