Atribut accesskey dan keyboard shortcuts

Bahasa Markah HiperTeks – HTML, memiliki atribut accesskey untuk mengoptimalkan keteraksesan navigasi moda keyboard shortcut atau pintasan papan ketik. Beberapa pengguna, penyandang disabilitas yang tidak mampu menggunakan tetikus secara leluasa, penyandang disabilitas yang tidak dapat menggunakan papan ketik standar, akan terbantu dengan ketersediaan navigasi moda pintasan papan ketik pada sebuah halaman Web.

Catatan : Tulisan ini tidak bermaksud mengabaikan kemungkinan benturan yang timbul antara pembelajaran access keys dalam tulisan ini dengan keyboard shortcuts pada beberapa pembaca layar screen reader. Tulisan ini sekedar pembelajaran, bukan tutorial, dan bukan rekomendasi.

Tentang Access keys, accesskey dan keyboard shortcut

Access keys kemudian sering di singkat sebagai accesskeys, di perkenalkan sebagai atribut accesskey pada HTML4.

This attribute assigns an access key to an element. An access key is a single character from the document character set. Note. Authors should consider the input method of the expected reader when specifying an accesskey. […] The following elements support the accesskey attribute : a, area, button, input, label, and legend, and textarea.

Atribut accesskey kemudian di adopsi sebagai bagian dari senarai checkpoint prioritas 3 tentang keyboard shortcuts pada petunjuk keteraksesan konten web – WCAG 1.0.

Provide keyboard shortcuts to important links (including those in client-side image maps), form controls, and groups of form controls. [Priority 3]. For example, in HTML, specify shortcuts via the accesskey attribute.

Setelah WCAG 1.0 diperbaharui dengan WCAG 2.0, atribut accesskey dapat di hubungkan dengan pemahaman tentang keyboard operation sebagai salah satu kriteria sukses level A untuk sebuah dokumen Web, yang memperhatikan nilai keteraksesan.

[…] Wherever possible, content can be operated through a keyboard or keyboard interface (so an alternate keyboard can be used). When content can be operated through a keyboard or alternate keyboard, it is operable by people with no vision (who cannot use devices such as mice that require eye-hand coordination) as well as by people who must use alternate keyboards or input devices that act as keyboard emulators. […]

Dalam perkembangan tipe dokumen, atribut accesskey dihapus pada perumusan XHTML2 (perumusan XHTML2 sendiri, sudah tidak dilanjutkan). Saat ini, HTML5 mengakomodasi kembali atribut accesskey.

Tombol pengakses pada peramban Web

Dengan menggunakan data statistik OS serta statistik peramban Web pada tulisan sebelumnya. Tabel A berikut adalah modifier tombol pengakses yang di pergunakan oleh 5 (lima) peramban web paling populer saat menerjemahkan atribut accesskey yang di tuliskan dalam Bahasa Markah HiperTeks, HTML pada halaman Web.

Tabel A.Tombol pengakses atribut accesskey pada peramban Web.
Peramban Web versi Tombol pengakses Keterangan
Windows Mac
IE 8.0 Alt Pengguna Windows : Menekan Alt+key, hanya akan memberikan efek fokus pada elemen markah yang memiliki atribut accesskey. Selanjutnya, pengguna harus menekan Enter untuk melanjutkan eksekusi.
Firefox 3.6 Alt+ Shift Ctrl
Chrome 6.0, 7.0 Alt Ctrl+ Opt
Safari 4.0, 5.0 Alt Ctrl+ Opt
Opera 10.54, 10.62 Shift+Esc Shift+Esc Menekan Shift+Esc akan menampilkan senarai Access keys yang terdapat pada halaman web. Selanjutnya, pengguna harus melepaskan kedua tombol Shift & Esc, serta memilih salah satu key untuk meloncat menuju elemen yang di kehendaki.

Penting : Pada tabel diatas, tombol pengakses pada sistem operasi Linux belum di cantumkan. Tetapi, akan segera di tuliskan sesegera mungkin, setelah beberapa sahabat yang concern dengan Linux berkenan memberikan masukan. Mudah-mudahan…

Memilih dan menentukan access keys ?

Tanpa bermaksud mengabaikan kemungkinan kombinasi yang ada, karena faktor faktor OS terpakai, peramban Web terpasang, setelan bahasa peramban Web yang dipergunakan. Opini dan pembelajaran memilih access keys ini hanya fokus pada peramban peramban Web yang di pasang dengan setelan bahasa Inggris pada sistem operasi Microsoft Windows.

Pengakses Alt pada peramban Web dan Windows

Beberapa artikel tentang access keys untuk pengguna Microsoft Windows menuliskan, untuk mengeksekusi menu peramban Web menggunakan keyboard shortcut atau pintasan papan ketik dapat di lakukan dengan menekan tombol Alt+key. Padahal… untuk tujuan yang sama, beberapa menu bisa/dapat di akses dengan menekan Alt then key.

Menggunakan kembali statistik OS atau sistem operasi pada tulisan sebelumnya. Tabel B berikut adalah keyboard shortcuts untuk menu peramban Web yang di jalankan pada sistem operasi — paling populer saat artikel ini di tulis — Windows.

Penting: Jika… di tuliskan secara absolut dengan Alt + key, maka menu peramban Web termaksud tidak dapat di akses dengan menekan Alt then key.

Tabel B. Keyboard shortcuts pengakses menu peramban Web pada sistem operasi Windows. [2] : Pengguna IE mengaktifkan fitur Favorites Bar, [3] : Pengguna IE mengaktifkan fitur Command Bar.
IE 8 Firefox 3.6 Chrome 6.0/7.0 Safari 4.0/5.0 Opera 10.54/10.62
Alt then A Favorites
Alt then B Bookmarks Bookmarks Bookmarks
Alt + C Favorites [2]
Alt then D Develop
Alt + D Address bar Address bar Address bar Address bar Address bar
Alt then E Edit Edit Edit Edit
Alt + E Customize & control
Alt + F File File File File
Alt then F
Alt then G Widget
Alt then H Help Help Help Help
Alt then I History
Alt + J View feeds [3]
Alt then K
Alt + L Help [3]
Alt + M Laman yang ditentukan pengguna [3]
Alt then N
Alt + O Tools [3]
Alt + P Page [3] Preferences
Alt then Q
Alt + R Print [3]
Alt + S Safety [3] History
Alt then S
Alt then T Tools Tools Tools
Alt then U
Alt then V View View View View
Alt then W Window
Alt then X
Alt then Y
Alt + Z Favorites [2]
Alt + Home Laman yang ditentukan pengguna Laman yang ditentukan pengguna Laman yang ditentukan pengguna Laman yang ditentukan pengguna
Alt + (left-arrow) Back Go back one page Back Previous page Back
Alt + (right-arrow) Forward Go forward one page Forward Next page Forward

Simpulan (sementara)

Maka…

  1. Tombol tombol D, E, F sebaiknya tidak di pergunakan sebagai access key dalam atribut accesskey.
  2. Tombol tombol C, Z, J, L, M, O, P, R, S masih mungkin untuk di pergunakan sebagai key. Potensi konflik menggunakan karakter di maksud, hanya terjadi pada menu menu sekunder pada peramban IE. Sementara menu menu sekunder tersebut sebenarnya — adalah bagian dari dan — masih dapat di akses via menu(bar) utama.

Update

2010-10-25
Karakter P sebaiknya tidak di pergunakan sebagai key pada atribut accesskey.
Pengguna peramban Web Firefox pada OS Microsoft Windows yang ingin mengakses elemen dengan access keys karakter P pada halaman Web, justru akan membuka aplikasi pemutar audio/video WMP, ketika menekan kombinasi tombol Alt+ Shift+P. (Evaluasi konflik terjadi pada WMP versi 11 yang di pasang pada Windows XP).

Atribut accesskey dan keyboard shortcuts

Published on : Oct 18, 2010. Last modified at : Jan 29, 2011.


Click to share on twitter , digg it, or save this article to del.icio.us.

article Navigation

Related to “Atribut accesskey dan keyboard shortcuts”.

2 Opinion for “Atribut accesskey dan keyboard shortcuts”.

Pakde Harry,
Bahasan accesskeys yang menarik ada juga di webaim dot org/techniques/keyboard/accesskey#spec.

Pemerintah Inggris dan Kanada memakai standar accesskeys dengan memanfaatkan numerik 0-9 dan huruf S saja. Lainnya berupa ‘shortcut’ biasa. Contoh di situs BBC.co dot uk layak dilihat: bbc.co dot uk/accessibility/. Ada ‘keyboard shortcut’ versi Linux-nya juga. :)

Rayimas,
Justru karena tabel accesskey di WATS dot ca tidak diperbaharui, justru karena webAIM dot org seolah masih ragu dengan suggestion pada handbooknya Pemerintah Inggris, dan seterusnya sampai dengan cerita HTML5 masih berkenan dengan atribut accesskey. Dengan opini ini, saya berharap mereka berkenan membuka kembali agenda dan artikel yang sedikit so yesterday [menurut saya]. Jika tidak, kita bikin sajalah ‘suggestion’ sendiri versi Indonesia… eh… versi kita — kalau berkenan — dengan pembelajaran ini. Maaf, Idealis lagi :( bukan. Kita bikin ramai lagi saja.

Leave an Opinion

Important : LOW isn't intended to on topic opinions, just be polite. You may use strict markup only. Opinions failing these requirement will be edited. Spam opinion won't get published.
Please, enter your real name and your valid email address (in required field). Don't worry, i'll kept your email private.










Random Learning