Dapat Dipersepsi: Bisakah Semua Orang Merasakan Konten?
Alternatif teks, keterangan, dan konten yang dapat beradaptasi.
Dapat Dipersepsi: Bisakah Semua Orang Merasakan Konten? 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.
Apa Itu Perceivable
Perceivable adalah prinsip WCAG pertama: setiap pengguna harus dapat merasakan konten Anda, bahkan jika mereka tidak dapat melihat, mendengar, atau membacanya dengan cara biasa.
Mengapa Ini Didahulukan
Jika seseorang bahkan tidak dapat melihat tombol atau gambar, hal lain tidak ada artinya. Dapat dipersepsikan adalah dasar yang menjadi landasan bagi tiga prinsip lainnya.
Alternatif Teks
Konten nonteks membutuhkan kata-kata. Alternatif teks memungkinkan pembaca layar membacakan gambar, sehingga pengguna tunanetra mendapatkan makna yang sama seperti yang Anda lihat. 🖼️
<img src="chart.png" alt="Sales doubled in Q4">Teks untuk Audio
Pengguna tunarungu tidak dapat mendengar video Anda. Teks mengubah kata-kata yang diucapkan menjadi teks di layar, sehingga suara dapat dipersepsikan melalui penglihatan.
Transkrip Juga
Transkrip adalah teks lengkap dari audio atau video. Transkrip membantu pengguna tunarungu, orang yang berada di ruangan sunyi, dan siapa pun yang lebih suka membaca daripada mendengarkan.
Konten yang Dapat Beradaptasi
Orang-orang memperbesar teks, melakukan zoom, atau beralih ke mode gelap. Konten yang dapat beradaptasi mempertahankan makna dan urutannya, apa pun cara penyajiannya.
Makna dalam Markah
Gunakan elemen HTML yang sebenarnya agar struktur tetap terjaga. Judul tetap menjadi judul ketika gaya dihapus, sehingga pembaca layar tetap mengetahui bahwa itu adalah judul.
<h2>Order Summary</h2>Jangan Hanya Mengandalkan Warna
Jika warna merah berarti kesalahan, pengguna buta warna mungkin tidak menyadarinya. Padukan warna dengan teks atau ikon agar maknanya dapat dipersepsikan tanpa melihat rona tersebut.
Kontras yang Memadai
Teks abu-abu samar di atas warna putih menyulitkan orang dengan penglihatan rendah. Kontras yang kuat antara teks dan latar belakang membuat kata-kata mudah dibaca oleh semua orang.
Konten yang Dapat Dibedakan
Permudah orang membedakan berbagai hal: ukuran teks yang mudah dibaca, jarak yang jelas, dan audio yang dapat dijeda. Inilah sisi yang dapat dibedakan dari prinsip dapat dipersepsikan.
Pertanyaan tentang Dapat Dipersepsikan
Tanyakan pada setiap bagian konten: dapatkah seseorang merasakan ini tanpa menggunakan mata atau telinganya? Jika tidak, Anda perlu menyediakan sebuah alternatif.
Pemeriksaan Singkat
Mari kita menguji prinsip Dapat dipersepsikan.
Rangkuman: Dapat Dipersepsikan
Anda telah mempelajari bahwa Dapat dipersepsikan berarti semua orang dapat merasakan konten Anda: teks alternatif, teks, transkrip, tata letak yang dapat beradaptasi, dan kontras. Dahulukan kemampuan untuk merasakan, lalu bangun hal-hal lainnya di atasnya. 🌱
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 “Dapat Dipersepsi: Bisakah Semua Orang Merasakan Konten?” gratis?
Ya — teks lengkap “Dapat Dipersepsi: Bisakah Semua Orang Merasakan Konten?” 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 “Dapat Dipersepsi: Bisakah Semua Orang Merasakan Konten?”?
Alternatif teks, keterangan, dan konten yang dapat beradaptasi. 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 “Dapat Dipersepsi: Bisakah Semua Orang Merasakan Konten?” 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
- Dapat Dipersepsi: Bisakah Semua Orang Merasakan Konten?
- Dapat Dioperasikan: Bisakah Semua Orang Menggunakan Kontrol?
- Dapat Dipahami: Apakah Mudah Dibaca dan Dapat Diprediksi?
- Tangguh: Akankah Ini Berfungsi dengan Teknologi Mereka?