Placeholder Bukan Label

Menaruh teks petunjuk di dalam bidang lalu melewatkan label memang menggoda. Namun, placeholder hanyalah petunjuk, bukan nama. ⚠️

Saat seseorang mulai mengetik, placeholder langsung menghilang. Kini tidak ada lagi yang menjelaskan kegunaan bidang tersebut.

Pengguna yang mengalami kesulitan mengingat atau berkonsentrasi harus mengingat petunjuk itu setelah menghilang. Label yang selalu terlihat menghilangkan beban tersebut.

Teks placeholder biasanya berwarna abu-abu muda, yang sering kali tidak memenuhi aturan kontras. Pengguna dengan penglihatan rendah mungkin sama sekali tidak dapat membacanya.

Teks petunjuk berwarna abu-abu dapat terlihat seperti nilai yang sudah terisi. Orang akan melewati bidang tersebut, lalu terkejut ketika kesalahan bidang wajib muncul.

Dukungan pembaca layar untuk menggunakan placeholder sebagai nama tidak konsisten dan berbeda-beda menurut peramban. Anda tidak dapat mengandalkan teks itu untuk diumumkan.

Placeholder boleh digunakan sebagai petunjuk tambahan, misalnya contoh format. Pasangkan dengan label yang sebenarnya dan jangan pernah menggunakannya sendirian.

Placeholder sangat cocok untuk contoh format, seperti pola tanggal. Label tetap memuat nama sebenarnya dari bidang tersebut.

Label mengambang bergeser ke atas saat Anda mengetik dan menjaga nama tetap terlihat. Label ini tetap merupakan label yang sebenarnya, hanya diberi animasi, sehingga memenuhi syarat.

Pemeriksaan singkat: ketik sesuatu di bidang tersebut. Jika Anda tidak lagi dapat mengetahui apa yang dimintanya, berarti placeholder telah menjalankan tugas label.

Kriteria Labels or Instructions dalam WCAG mengharuskan adanya nama yang jelas dan selalu tersedia. Bidang yang hanya menggunakan placeholder sering gagal dalam audit.

Placeholder adalah petunjuk yang memudar, bukan nama. Pertahankan label yang sebenarnya dan gunakan placeholder hanya untuk bantuan format tambahan. 💡