Membuat Accesskey (Keyboard Shortcuts Situs Web)

Membuat Accesskey (Keyboard Shortcuts Situs Web) - Pengertian 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.

Himbauan: Dianjurkan 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.

Begitulah Tentang: Membuat Accesskey (Keyboard Shortcuts Situs Web). Semoga Bisa Bermanfaat untuk Anda semua. Jika ada hal yang ingin ditanyakan, Silahkan Berkomentar atau Hubungi Kami melalui kontak yang sudah di Sediakan DISINI. Dan Jika anda menyukai Artikel Membuat Accesskey (Keyboard Shortcuts Situs Web), Silahkan Klik Tombol Share di bawah jika memang Artikel Membuat Accesskey (Keyboard Shortcuts Situs Web), Bermanfaat bagi anda namun jangan Lupa untuk Mencantumkan Link Sumber nya. Tak Lengkap Rasanya Jika Kunjungan Anda di pedialuqman.blogspot.com Ini Tanpa Meninggalkan Komentar Yang Membangun dan Bermanfaat untuk Kemajuan Blog pedialuqman.blogspot.com, untuk Itu Silahkan Berikan Kritik dan Saran Pada Kotak Komentar di bawah. Terima kasih ..! Wassalamualaikum Wr.Wb

LuqmanPEDIA

Saya Luqmanul Hakim Penulis dari Blog LuqmanPEDIA, Semoga Artikel yang saya tulis di Blog ini bisa bermanfaat untuk semua orang. Terimakasih :)

Share this post

BERLANGGANAN GRATIS!

Silahkan masukan alamat E-mail Anda untuk mendapatkan kiriman artikel terbaru dari pedialuqman.blogspot.com Gratis langsung ke E-mail Anda :

*Jangan lupa lakukan Konfirmasi melalui link Aktivasi yang kami kirimkan ke Email Anda!