Informatif vs Dekoratif: Keputusan Pertama
Tentukan apakah gambar benar-benar memerlukan kata-kata.
Informatif vs Dekoratif: Keputusan Pertama adalah pelajaran Web Accessibility Academy gratis di CoddyKit. Ini adalah pelajaran 1 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.
Pertanyaan Pertama
Sebelum menulis satu kata pun untuk teks alt, tanyakan satu hal: apakah gambar ini menambahkan makna, atau hanya ada untuk memperindah tampilan?
Dua Kelompok
Setiap gambar termasuk dalam salah satu dari dua kelompok: gambar informatif yang membawa konten, atau gambar dekoratif yang murni mempercantik tampilan.
Apa Arti Informatif
Gambar informatif memberi tahu pengguna sesuatu yang akan terlewat tanpa gambar tersebut, seperti bagan, foto produk, atau logo yang memuat nama perusahaan.
Apa Arti Dekoratif
Gambar dekoratif tidak menambahkan informasi. Contohnya adalah sapuan latar belakang, garis pemisah, atau foto stok yang hanya membangun suasana.
Mengapa Keputusan Ini Penting
Menentukan hal ini dengan benar penting karena keputusan yang salah dapat menyembunyikan konten nyata atau membanjiri pengguna pembaca layar dengan gangguan yang tidak berguna.
Gambar Informatif Mendapatkan Kata-Kata
Jika gambar bersifat informatif, berikan teks alt nyata yang menyampaikan maknanya dalam konteks.
<img src="sales-up.png" alt="Sales rose 40 percent in March">Gambar Dekoratif Mendapatkan Keheningan
Jika gambar bersifat dekoratif, berikan alt yang kosong agar pembaca layar langsung melewatinya.
<img src="divider.png" alt="">Gambar yang Sama, Dua Peran
Foto yang sama persis dapat bersifat informatif di satu halaman dan dekoratif di halaman lain. Konteks yang menentukan, bukan berkasnya.
Uji Praktis
Coba ini: jika gambar dihapus, apakah halaman kehilangan makna? Ya berarti informatif. Tidak berarti dekoratif.
Jangan Pernah Hanya Menghapus alt
Melewatkan atribut alt sepenuhnya adalah pilihan terburuk: banyak pembaca layar kemudian membacakan nama berkas.
Buat Keputusan Terlebih Dahulu
Jadi, alur kerja Anda dimulai di sini: klasifikasikan setiap gambar sebagai informatif atau dekoratif sebelum memikirkan pilihan kata.
Pemeriksaan Singkat
Saatnya menguji keputusan inti.
Ringkasan
Kerja bagus! Setiap gambar bersifat informatif atau dekoratif, kontekslah yang menentukan, dan keputusan itu menentukan apakah Anda menulis teks alt atau membiarkannya kosong.
Pertanyaan yang Sering Diajukan
Apakah pelajaran “Informatif vs Dekoratif: Keputusan Pertama” gratis?
Ya — teks lengkap “Informatif vs Dekoratif: Keputusan Pertama” 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 “Informatif vs Dekoratif: Keputusan Pertama”?
Tentukan apakah gambar benar-benar memerlukan kata-kata. 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 1 dari 4.
Berapa lama pelajaran “Informatif vs Dekoratif: Keputusan Pertama” 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
- Informatif vs Dekoratif: Keputusan Pertama
- Menulis Alt yang Menyampaikan Tujuan, Bukan Piksel
- alt Kosong dan Gambar Dekoratif Tersembunyi
- Gambar Kompleks: Bagan, Peta, dan Deskripsi Panjang