Accesskey HTML Input
Accesskey adalah atribut HTML yang memungkinkan pengguna untuk mengakses elemen HTML tertentu menggunakan kombinasi keyboard yang mudah diingat. Ini sangat berguna untuk navigasi situs web, terutama untuk pengguna dengan disabilitas yang mungkin mengalami kesulitan menggunakan mouse atau pointer.
Cara Menggunakan Accesskey
Untuk menetapkan accesskey pada elemen input, gunakan atribut accesskey di dalam tag input. Nilai atribut ini adalah huruf atau kombinasi huruf yang ingin digunakan sebagai shortcut keyboard.
Contoh:
Dalam contoh ini, pengguna dapat menggunakan kombinasi Alt + F (pada sebagian besar browser) untuk memfokuskan pada input field "First Name".
Beberapa hal yang perlu diingat:
- Huruf yang digunakan sebagai accesskey harus unik di halaman web. Jika beberapa elemen menggunakan accesskey yang sama, hanya elemen pertama yang akan merespons.
- Accesskey case-sensitive. Ini berarti "F" berbeda dari "f".
- Atribut accesskey dapat digunakan pada elemen HTML lain, seperti
<a>,<button>,<area>, dan<label>. - Accesskey dapat digabungkan dengan atribut lain, seperti
tabindexuntuk mengontrol urutan fokus.
Keuntungan Menggunakan Accesskey
- Meningkatkan aksesibilitas: Memudahkan pengguna dengan disabilitas untuk bernavigasi di situs web.
- Meningkatkan efisiensi: Memungkinkan pengguna untuk berinteraksi dengan halaman web dengan lebih cepat menggunakan shortcut keyboard.
- Meningkatkan pengalaman pengguna: Menyediakan cara alternatif yang mudah digunakan untuk berinteraksi dengan halaman web.
Contoh Implementasi
Berikut adalah beberapa contoh implementasi accesskey pada input field:
- Input field untuk email:
Pengguna dapat menggunakan Alt + E untuk memfokuskan pada input field email.
- Input field untuk password:
Pengguna dapat menggunakan Alt + P untuk memfokuskan pada input field password.
Kesimpulan
Accesskey adalah fitur yang berguna untuk meningkatkan aksesibilitas dan pengalaman pengguna di situs web. Dengan menggunakan accesskey pada elemen input, Anda dapat memberikan alternatif yang mudah digunakan bagi pengguna untuk berinteraksi dengan halaman web.