Setiap Grafik Membutuhkan Alternatif Teks
Ringkas wawasan dengan kata-kata, bukan piksel.
Setiap Grafik Membutuhkan Alternatif Teks 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.
Bagan Hanyalah Piksel
Bagi pembaca layar, bagan sering kali hanyalah gambar tanpa suara. Wawasan terdapat dalam gambar tersebut, sehingga pengguna tunanetra tidak mendapatkan apa pun kecuali Anda menjelaskannya dalam teks.
Jelaskan Intinya, Bukan Tampilannya
Tidak ada yang perlu mendengar tentang garis kisi dan sumbu terlebih dahulu. Mulailah dengan kesimpulan: apa sebenarnya yang disampaikan bagan ini kepada pembaca?
Teks Alt untuk Bagan img
Jika bagan Anda berupa gambar, atribut alt-nya harus menyatakan kesimpulan, bukan hanya mengatakan bagan. 📊
<img src="sales.png" alt="Sales rose 40% from Q1 to Q4, peaking in December.">Alt Singkat, Deskripsi Panjang
Alt yang singkat menyampaikan inti. Jika datanya kaya, padukan dengan deskripsi yang lebih panjang di dekatnya untuk menyampaikan keseluruhan cerita.
Bagan SVG Sebaris Memerlukan Penamaan
Bagan SVG secara bawaan bukanlah gambar. Tambahkan role="img" beserta nama agar teknologi bantu memperlakukan seluruh grafik sebagai satu unit berlabel.
<svg role="img" aria-label="Revenue doubled over five years."> ... </svg>title di Dalam SVG
Elemen title sebagai anak pertama SVG juga memberinya nama. Rujuk elemen tersebut dengan aria-labelledby agar dukungannya andal di berbagai pembaca layar.
<svg role="img" aria-labelledby="t1"><title id="t1">Visitors per month</title></svg>Nyatakan Trennya
Sebagian besar bagan dibuat untuk menunjukkan tren atau perbandingan. Tuliskan dengan kata-kata sederhana: naik, turun, datar, atau satu batang menjulang jauh di atas yang lain.
Sebutkan Nilai Ekstrem
Sebutkan titik tertinggi dan terendah beserta nama dan nilainya. Satu kalimat itu sering kali sudah menyampaikan seluruh makna bagan bagi pendengar.
Berikan Angka Nyata
Kata-kata samar seperti banyak tidak membantu siapa pun. Sertakan angka sebenarnya agar pendengar dapat memahami data seperti pembaca yang dapat melihat.
Keterangan yang Terlihat Membantu Semua Orang
Letakkan ringkasan teks singkat tepat di bawah bagan sebagai keterangan yang terlihat. Pengguna yang dapat melihat juga akan memindainya, jadi usaha ini tidak pernah sia-sia. ✨
<figure><svg>...</svg><figcaption>Sales climbed steadily all year.</figcaption></figure>Lewati Grafik Mini Dekoratif
Grafik mini dekoratif di samping angka tidak menambahkan makna baru. Sembunyikan dengan aria-hidden agar tidak memenuhi pengalaman mendengarkan.
<span aria-hidden="true"><svg>...spark...</svg></span> 1,204 usersPemeriksaan Singkat
Dengan apa sebaiknya alternatif teks bagan diawali?
Rangkuman: Kata-Kata Mengungguli Piksel
Anda telah mempelajari bahwa setiap bagan memerlukan alternatif teks yang menyatakan wawasan, menyebutkan nilai ekstrem dengan angka nyata, dan menyembunyikan grafik yang murni dekoratif. 🎯
Pertanyaan yang Sering Diajukan
Apakah pelajaran “Setiap Grafik Membutuhkan Alternatif Teks” gratis?
Ya — teks lengkap “Setiap Grafik Membutuhkan Alternatif Teks” 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 “Setiap Grafik Membutuhkan Alternatif Teks”?
Ringkas wawasan dengan kata-kata, bukan piksel. 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 “Setiap Grafik Membutuhkan Alternatif Teks” 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
- Setiap Grafik Membutuhkan Alternatif Teks
- Cadangan Tabel Data
- Warna, Pola, dan Label Langsung
- Grafik Interaktif yang Dapat Dinavigasi dengan Papan Ketik