polite vs assertive: Memilih Tingkat Urgensi
Tentukan apakah pembaruan harus menyela pengguna.
polite vs assertive: Memilih Tingkat Urgensi 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.
Pengertian Wilayah Live
Wilayah live adalah elemen yang dipantau pembaca layar, sehingga pembaca layar mengucapkan teks apa pun yang berubah di dalamnya tanpa pengguna memindahkan fokus ke sana.
Dua Tingkat Kesopanan
Atribut aria-live memiliki dua nilai berguna yang akan sering Anda gunakan: sopan dan tegas. Nilai tersebut menentukan cara pembaruan disampaikan. 🔊
Sopan Menunggu Gilirannya
Dengan nilai sopan, pembaca layar menyelesaikan apa pun yang sedang diucapkannya, lalu membaca pembaruan Anda. Pembaca layar tidak pernah memotong pengguna di tengah kalimat.
<div aria-live="polite">Draft saved</div>Tegas Langsung Menyela
Dengan nilai tegas, pembaca layar menghentikan bacaan yang sedang berlangsung dan segera mengumumkan pembaruan Anda. Gunakan ini hanya jika menunggu akan merugikan pengguna.
<div aria-live="assertive">Connection lost</div>Sopan Adalah Pilihan Default
Pilih sopan hampir setiap kali. Pembaruan penyimpanan, pengurutan, penyaringan, dan kemajuan dapat menunggu sebentar tanpa membingungkan siapa pun.
Simpan Tegas untuk Keadaan Mendesak
Gunakan tegas hanya untuk hal-hal yang harus segera didengar pengguna, seperti pembayaran yang gagal atau sesi yang akan segera berakhir.
Ada Juga Nilai Off
Nilai off memberi tahu pembaca layar untuk mengabaikan perubahan pada elemen tersebut. Nilai ini merupakan default implisit untuk elemen yang belum Anda tandai sebagai live.
<div aria-live="off">Silent updates</div>Wilayah Harus Ada Lebih Dahulu
Elemen live harus berada di DOM sebelum teks berubah. Pembaca layar memantau wilayah yang sudah ada, jadi tambahkan wilayah itu dalam keadaan kosong lalu isi nanti.
<div id="msg" aria-live="polite"></div>Ubah Teks, Bukan Wilayahnya
Umumkan perubahan dengan memperbarui konten teks di dalam wilayah yang sudah ada. Mengganti seluruh wilayah dapat menyebabkan pengumuman gagal secara diam-diam.
document.getElementById('msg').textContent = 'Saved';Tegas Dapat Menumpuk
Jika Anda menjalankan beberapa pembaruan tegas dengan cepat, pembaruan tersebut saling berebut, menyela, dan berbicara menimpa pembaruan terakhir. Nilai sopan justru mengantrekan pembaruan sesuai urutan.
Sesuaikan Tingkat dengan Dampaknya
Pilih tingkatnya dengan bertanya seberapa besar manfaat sebuah interupsi. Sebagian besar pembaruan: sopan. Kesalahan dan peringatan yang harus ditindaklanjuti pengguna: tegas.
Pemeriksaan Singkat
Anda menambahkan konfirmasi singkat bahwa sebuah daftar telah diurutkan. Tingkat kesopanan mana yang paling sesuai?
Rangkuman: Memilih Tingkat Mendesak
Anda mempelajari bahwa sopan menunggu, sedangkan tegas menyela. Gunakan sopan sebagai default, simpan tegas untuk keadaan yang benar-benar mendesak, dan pertahankan wilayah tersebut di DOM. ✅
Pertanyaan yang Sering Diajukan
Apakah pelajaran “polite vs assertive: Memilih Tingkat Urgensi” gratis?
Ya — teks lengkap “polite vs assertive: Memilih Tingkat Urgensi” 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 “polite vs assertive: Memilih Tingkat Urgensi”?
Tentukan apakah pembaruan harus menyela pengguna. 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 “polite vs assertive: Memilih Tingkat Urgensi” 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
- polite vs assertive: Memilih Tingkat Urgensi
- Peran status, alert, dan log
- Mengumumkan Toast, Pemuatan, dan Hitungan
- Mengapa Wilayah Langsung Gagal dan Cara Memperbaikinya