Kesalahan Penamaan Umum yang Membungkam Kontrol

Kontrol tanpa nama yang dihitung akan dibacakan hanya sebagai tombol atau tautan. Kesalahan pemberian nama ini membuat pengguna harus menebak fungsi elemen.

Tombol yang hanya berisi ikon sering kali tidak memiliki nama yang dihitung. Tambahkan aria-label agar kontrol tanpa kata tetap mengumumkan tindakannya.

placeholder bukan nama aksesibel yang dapat diandalkan. Placeholder menghilang saat pengguna mengetik dan sering diabaikan pembaca layar, jadi tambahkan label yang benar.

aria-labelledby yang menunjuk id yang tidak ada atau salah eja tidak menghasilkan nama sama sekali, sehingga label yang Anda maksudkan diam-diam tidak berfungsi.

aria-label yang diatur sebagai string kosong akan menghapus nama. Akibatnya, elemen tidak memiliki apa pun untuk diumumkan pembaca layar.

Menempatkan aria-hidden pada satu-satunya teks di dalam tombol menghapus sumber namanya, sehingga kontrol tersebut menjadi anonim bagi pembaca layar.

Tautan bernama Baca selengkapnya atau Klik di sini secara teknis memiliki nama, tetapi tidak berguna tanpa konteks karena pengguna tidak mengetahui tujuannya.

Mengandalkan title sebagai satu-satunya nama berisiko. Atribut ini adalah sumber dengan prioritas terendah dan beberapa pembaca layar sepenuhnya melewatinya.

Input kosong tanpa label terkait sering kali tidak memiliki nama yang dihitung, sehingga pengguna tidak yakin apa yang harus diketikkan pada bidang tersebut.

Sepuluh tombol yang semuanya bernama Edit membuat pengguna harus menebak baris mana yang dipengaruhi. Berikan setiap tombol nama yang berbeda dan mencakup sasarannya.

Buka panel aksesibilitas browser dan baca nama yang dihitung untuk setiap kontrol. Jika kosong, berarti ada kesalahan yang perlu diperbaiki.

Anda telah mempelajari jebakan yang membuat kontrol tidak bersuara, mulai dari tombol yang hanya berisi ikon hingga id yang rusak, serta cara memeriksa setiap nama di inspektor. ✅