Materi
GOV.UK Text input menyatakan setiap kolom isian wajib punya label, dan hampir selalu label itu terlihat. Label diletakkan di atas kolom yang dirujuknya, pendek, langsung, ditulis dalam sentence case, dan tanpa titik dua di akhir. WCAG 2.2 kriteria 3.3.2 Labels or Instructions meminta label atau instruksi disediakan setiap kali konten meminta masukan. Salah satu contoh W3C: dua kolom diberi label Nama depan dan Nama belakang, bukan satu label Nama yang maksudnya samar.
Placeholder, teks abu-abu di dalam kolom, bukan pengganti label. GOV.UK melarang placeholder dipakai sebagai label, petunjuk, atau contoh, karena teks itu hilang saat orang mulai mengetik, tidak semua pembaca layar membacakannya, dan warna bawaannya sering tidak memenuhi kontras WCAG 1.4.3. Tutorial formulir W3C menambahkan bahwa pembaca layar tidak memperlakukan placeholder sebagai label, dan MDN menyatakan placeholder tidak boleh dibutuhkan untuk memahami formulir.
Label dihubungkan ke kolomnya lewat kode: nilai atribut for pada label sama persis dengan id kolomnya. Dengan hubungan itu pembaca layar membacakan label saat kolom difokus, dan menekan label memindahkan fokus ke kolom. Petunjuk (hint) dipakai untuk bantuan yang berguna bagi sebagian besar pengisi, misalnya untuk apa datanya dipakai atau di mana menemukannya. GOV.UK memintanya satu kalimat pendek tanpa titik dan tanpa tautan, karena pembaca layar membacakan teks tautan tanpa memberi tahu bahwa itu tautan. W3C menghubungkan petunjuk ke kolom dengan aria-describedby agar dibacakan sesudah label. Di halaman pertanyaan, GOV.UK juga melarang tanda bintang untuk kolom wajib.
<label for="nomor-anggota">Nomor anggota koperasi</label>
<div id="nomor-anggota-petunjuk">Tercetak di bagian depan kartu anggota</div>
<input type="text" id="nomor-anggota" name="nomor" aria-describedby="nomor-anggota-petunjuk">