0Pricing
Web Accessibility Academy · Pelajaran

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 users

Pemeriksaan 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

  1. Setiap Grafik Membutuhkan Alternatif Teks
  2. Cadangan Tabel Data
  3. Warna, Pola, dan Label Langsung
  4. Grafik Interaktif yang Dapat Dinavigasi dengan Papan Ketik
← Kembali ke Web Accessibility Academy