Beranda › Basis pengetahuan › Kriteria WCAG

Pelabelan formulir menurut WCAG

Setiap bidang formulir harus memiliki label yang terkait secara programatis, agar pengguna pembaca layar tahu apa yang harus diisi, dan klik pada label memfokuskan bidang.

Cara yang benar

<label for="email">Email</label><input id="email"> — atau bungkus bidang di dalam <label>. aria-label / aria-labelledby hanya jika label yang terlihat tidak dimungkinkan.

Mengapa placeholder tidak cukup

Placeholder hilang saat pengisian, sering berkontras terlalu rendah, dan tidak dikenali sebagai label oleh sebagian pembaca layar.

Pesan kesalahan

Kaitkan kesalahan dengan bidang (aria-describedby) dan rumuskan teksnya secara konkret (“Masukkan email yang valid”, bukan “Kesalahan”).

Bagaimana a11yglass membantu

Pemindaian gratis memeriksa HTML dan CSS yang disajikan untuk pelanggaran WCAG yang dapat dikenali secara otomatis, dan menyebutkan per temuan kriteria keberhasilan serta satu langkah konkret. Ia menemukan sekitar 20–35% masalah dan tidak menggantikan penilaian menyeluruh.

Lanjut membaca

Informasi umum menurut pengetahuan terbaik, bukan nasihat hukum. Untuk kasus individual, hubungi firma hukum yang berfokus pada hukum TI.