Pola Anti-anchor tanpa href

Pola anti-praktik yang umum adalah anchor tanpa href yang diberi penangan klik agar bertindak seperti tombol. Tampilannya baik, tetapi menimbulkan banyak masalah.

Anchor hanya dianggap sebagai tautan sungguhan jika memiliki href. Tanpanya, peramban sama sekali tidak memperlakukannya sebagai elemen interaktif.

Anchor tanpa href tidak dapat menerima fokus, sehingga pengguna papan ketik yang berpindah dengan tab akan melewatinya dan tidak pernah dapat mencapainya.

Bahkan jika Anda memaksakan fokus padanya, tautan palsu secara bawaan mengabaikan Enter dan Spasi, sehingga pengguna papan ketik tetap tidak dapat mengaktifkannya.

Tanpa href, pembaca layar mungkin sama sekali tidak mengumumkan jangkar sebagai tautan, sehingga pengguna tidak pernah tahu bahwa elemen itu dapat digunakan.

Beberapa orang mengakalinya dengan href yang hanya berisi tanda pagar. Cara ini membuatnya dapat menerima fokus, tetapi juga menggulir halaman ke atas, yang terasa mengganggu.

Jika kontrol tersebut menjalankan suatu tindakan, gunakan tombol yang sebenarnya. Anda mendapatkan fokus, dukungan papan ketik, dan peran yang tepat secara otomatis.

Jika kontrol tersebut benar-benar melakukan navigasi, tetap gunakan jangkar, tetapi berikan href yang sebenarnya dan mengarah ke tujuan.

Pengembang sering memilih jangkar karena gaya garis bawahnya. Namun, Anda dapat menerapkan gaya yang sama pada tombol tanpa mengorbankan aksesibilitas.

Jangkar tanpa href bahkan kehilangan kursor penunjuk secara bawaan, sehingga memberi petunjuk kepada pengguna yang dapat melihat bahwa elemen itu sebenarnya tidak dapat diklik.

Jangan memalsukan interaktivitas. Pilih tombol yang sebenarnya untuk tindakan atau jangkar dengan href untuk navigasi, dan hindari solusi sementara.

Mengapa jangkar tanpa href tetapi memiliki penangan klik menjadi masalah?

Jangkar tanpa href adalah tautan palsu: tidak dapat menerima fokus dan tidak berfungsi dengan papan ketik. Gunakan tombol untuk tindakan dan href yang sebenarnya untuk navigasi. ✅