Sabtu, 01 Juni 2019

Membuat Accesskey (Keyboard Shortcuts Situs Web)

Membuat Accesskey (Keyboard Shortcuts Situs Web) - Apa itu accesskey? Accesskey merupakan navigasi situs web melalui pintasan keyboard, 

bertujuan untuk memungkinkan pengguna menavigasi halaman dengan menggunakan pintasan keyboard (keyboard shortcuts). 

Selain itu menambahkan atau membuat accesskey di situs web juga bermaksud untuk tujuan meningkatkan aksesibilitas halaman web itu sendiri.

Contoh:

Halaman atau situs blog ini sudah dilengkapi dengan beberapa accesskey (pintasan keyboard), untuk melihat bagaimana kinerja accesskey yang admin terapkan silahkan tekan tombol Alt + Puntuk Previous (ke halaman sebelumnya) atau tekan tombol Alt + N untuk Next (halaman selanjutnya) dan Alt + H untuk kembali ke Beranda situs (home) jika kamu menggunakan browser chrome, safari dan opera +15.

Jika menggunkan browser Firefox tekan tombol Alt + Shift + P untuk Previous, Alt + Shift + Nuntuk Next dan Alt + Shift + H untuk (Home).

Penggunaan accesskey website memang tidak begitu populer dikalangan pengguna, akan tetapi kita perlu menerapkan ini di beberapa bagian elemen guna meningkatkan aksesibilitas situs web yang kita kelola.

Membuat Accesskey website



Cara Membuat Keyboard Shortcut Website

Sederhana, untuk membuat pintasan keyboard (accesskey) di halaman web kita hanya perlu menambahkan atribut accesskey="key" pada elemen link (<a>) dan elemen tombol (<button>) seperti contoh dibawah ini;
<a accesskey='1' href='url'>Teks Link</a>
Atau pada elemen button
<button accesskey="u">Teks Button</button>
Jika kamu berencana untuk membuat lebih banyak accesskey atau pintasan keyboard di halam web ada beberapa hal yang harus diperhatikan diantaranya;
  • Nilai key akses harus unik dan tidak bertentangan dengan pintasan keyboard sistem atau pintasan keyboard browser.
  • Tidak ada duplikat key akses pada satu halaman web, misal; jika pada link next post sudah menggunakan accesskey='n' maka pada halaman beranda kamu tidak dapat menggunakan nilai key 'n' untuk pintasan keyboard pada elemen pagenumb.

HimbauanDianjurkan untuk memberitahu pengguna bahwa ada accesskey, sehingga mereka mengetahui fungsionalitasnya. kamu dapat memberitahukan ini melalui atribut title atau dengan atribut aria-label.

Contoh:

<a accesskey='n' href='url' title='Press Alt + N to open link'>Teks Link</a>
Ketika pengguna mengarahkan kusor ke link, teks bantu pada atribut title akan memberitahukan bahwa ada accesskey, 

jika sistem tidak memiliki metode untuk memberi tahu pengguna tentang fitur accesskey, 

dikhawatirkan pengguna secara tidak sengaja mengaktifkan kunci akses, semoga bermanfaat dan selamat mencoba.

0 komentar:

Posting Komentar