Web Accessibility Academy · Pelajaran

Sebaris, Saat Kehilangan Fokus, atau Saat Dikirim: Waktu Itu Penting

Lakukan validasi pada saat yang tidak membuat pengguna kewalahan.

Pelajaran 4 dari 413 langkah

Sebaris, Saat Kehilangan Fokus, atau Saat Dikirim: Waktu Itu Penting adalah pelajaran Web Accessibility Academy gratis di CoddyKit. Ini adalah pelajaran 4 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.

Waktu Validasi Itu Penting

Pesan kesalahan yang sama dapat membantu atau mengganggu, bergantung pada kapan pesan itu muncul. Pengaturan waktu merupakan keputusan aksesibilitas tersendiri. ⏱️

Saat Submit Adalah Dasarnya

Memeriksa semuanya saat submit dapat diprediksi dan tidak pernah menyela pengguna. Ini merupakan pilihan bawaan paling aman untuk hampir semua formulir.

Mengapa Inline Dapat Mengganggu

Memvalidasi pada setiap penekanan tombol menandai bidang sebagai salah sebelum pengguna selesai mengetik. Teguran inline seperti itu membuat semua orang frustrasi.

Saat Blur Adalah Titik yang Tepat

Memeriksa saat pengguna meninggalkan bidang, yaitu ketika blur, memungkinkan mereka menyelesaikan pengetikan terlebih dahulu, lalu menerima umpan balik pada jeda yang alami.

input.addEventListener("blur", validateField);

Jangan Mengumumkannya Terlalu Cepat

Kesalahan yang muncul saat pengguna sedang mengetik dapat mengambil alih pembaca layar. Tunggu momen yang tepat, seperti blur atau submit, sebelum mengumumkannya.

Konfirmasi, Lalu Periksa Ulang Secara Inline

Setelah suatu bidang gagal dan pengguna sedang memperbaikinya, memvalidasi ulang saat mereka mengetik justru membantu. Hal ini mengonfirmasi bahwa kesalahan sedang teratasi.

Beri Waktu untuk Menyelesaikan

WCAG meminta Anda untuk tidak terburu-buru terhadap pengguna. Hindari timeout yang menghapus input, dan biarkan orang menyelesaikan bidang sesuai kecepatan mereka sendiri.

Nyatakan yang Wajib Sejak Awal

Tandai bidang wajib sejak awal dengan required dan catatan yang terlihat, agar pengguna mengetahui aturannya sebelum mengirim, bukan setelahnya.

<input required aria-required="true">

Buat Pesan Tetap Spesifik

Apa pun waktunya, jelaskan apa yang salah dan cara memperbaikinya. Pesan yang jelas lebih baik daripada pesan yang samar meskipun disampaikan pada waktu yang sempurna.

Andalkan Peramban

Validasi HTML bawaan berjalan saat submit secara default. Atribut bawaan seperti type dan required memberi Anda pengaturan waktu yang wajar tanpa usaha tambahan.

<input type="email" required>

Bersikap Konsisten

Pilih satu strategi pengaturan waktu dan terapkan di seluruh formulir. Perilaku yang dapat diprediksi membantu pengguna mempelajari polanya dan mempercayainya.

Pemeriksaan Singkat

Pengaturan waktu validasi mana yang paling mudah diakses sebagai pilihan bawaan?

Ringkasan

Lakukan validasi saat blur atau submit, bukan pada setiap penekanan tombol; periksa ulang secara inline saat pengguna memperbaiki kesalahan; nyatakan aturan sejak awal; dan tetap konsisten. ✅

Gratis untuk memulai

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 “Sebaris, Saat Kehilangan Fokus, atau Saat Dikirim: Waktu Itu Penting” gratis?

Ya — teks lengkap “Sebaris, Saat Kehilangan Fokus, atau Saat Dikirim: Waktu Itu Penting” 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 “Sebaris, Saat Kehilangan Fokus, atau Saat Dikirim: Waktu Itu Penting”?

Lakukan validasi pada saat yang tidak membuat pengguna kewalahan. 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 4 dari 4.

Berapa lama pelajaran “Sebaris, Saat Kehilangan Fokus, atau Saat Dikirim: Waktu Itu Penting” 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. Mengaitkan Kesalahan dengan Kolom melalui aria-describedby
  2. Menandai Status Tidak Valid dengan aria-invalid
  3. Memindahkan Fokus ke Kesalahan Pertama
  4. Sebaris, Saat Kehilangan Fokus, atau Saat Dikirim: Waktu Itu Penting
← Kembali ke Web Accessibility Academy