Teks Bantuan dan Kolom Wajib yang Diumumkan

Sebuah bidang sering membutuhkan lebih dari sekadar nama. Petunjuk dan persyaratan harus diterima teknologi bantu, bukan hanya dilihat oleh pengguna. 📝

Tempatkan teks bantuan di dalam sebuah elemen, lalu arahkan aria-describedby pada input ke id elemen tersebut. Kini petunjuk dibacakan setelah label.

Pembaca layar mengucapkan label terlebih dahulu, lalu teks described-by. Pengguna mendengar nama dan petunjuk dalam urutan yang alami.

aria-describedby dapat mencantumkan beberapa id yang dipisahkan spasi. Gabungkan petunjuk dan pesan kesalahan pada bidang yang sama.

Tambahkan atribut required agar peramban memberlakukannya dan memberi tahu teknologi bantu bahwa bidang tersebut harus diisi.

Dengan required, pembaca layar mengucapkan bahwa bidang tersebut wajib saat fokus berpindah ke sana. Anda mendapatkannya secara otomatis tanpa ARIA tambahan.

Tanda bintang merah saja tidak bersuara dan mudah terlewatkan. Padukan dengan atribut required atau teks wajib yang terlihat.

Jika Anda menggunakan tanda bintang, tambahkan legend di dekat formulir yang menjelaskan bahwa tanda itu menandai bidang wajib. Jangan pernah membiarkan simbol tersebut tanpa penjelasan.

Untuk kontrol khusus tanpa validasi bawaan, aria-required yang bernilai true menyampaikan status yang sama kepada pembaca layar.

Jika sebagian besar bidang wajib diisi, tandai beberapa bidang yang opsional saja. Tampilan menjadi lebih ringkas dan polanya tetap jelas.

Tampilkan petunjuk di layar, bukan hanya kepada pembaca layar. Semua orang mendapat manfaat dari melihat aturan sebelum melakukan kesalahan.

Bagaimana cara menghubungkan teks bantuan ke bidang agar dapat dibaca oleh pembaca layar?

Hubungkan petunjuk dengan aria-describedby dan tandai bidang yang wajib diisi dengan required. Kini setiap pengguna mendengar nama, bantuan, dan aturannya. ✅