Dasar-dasar navigasi keyboard

  • 11 menit

Pentingnya aksesibilitas keyboard

Aksesibilitas keyboard sangat penting untuk menciptakan pengalaman digital inklusif yang mengakomodasi berbagai pengguna. Ini memungkinkan individu yang tidak dapat menggunakan mouse secara efektif untuk menavigasi dan menggunakan situs web dan aplikasi. Meskipun antarmuka pengguna grafis telah membuat komputasi lebih intuitif bagi pengguna yang dapat melihat dan mengontrol mouse, mereka dapat menantang bagi mereka yang memiliki mobilitas terbatas atau gangguan visual. Banyak dari pengguna ini dapat mengoperasikan keyboard, memungkinkan mereka berinteraksi dengan teknologi dan menyelesaikan tugas secara independen. Dengan mendukung navigasi keyboard, kami meningkatkan pengalaman pengguna bagi penyandang disabilitas dan juga melayani pengguna yang lebih suka navigasi keyboard karena efisiensi dan kecepatannya.

Aksesibilitas keyboard sangat meningkatkan pengalaman pengguna dengan memungkinkan navigasi yang lebih lancar, manajemen fokus yang lebih baik, indikator visual yang jelas, dan membuat produk digital lebih mulus dan menyenangkan. Selain itu, ada pertimbangan hukum dan etika yang penting. Banyak negara/wilayah memiliki peraturan yang mengharuskan produk digital dapat diakses. Memastikan aksesibilitas keyboard membantu organisasi mematuhi undang-undang ini, menghindari masalah hukum, dan menunjukkan komitmen terhadap inklusivitas. Dengan memprioritaskan aksesibilitas keyboard, Anda memastikan berbagai orang dapat menggunakan situs web dan aplikasi Anda.

Istilah dan konsep utama

Membiasakan diri dengan istilah kunci sangat penting untuk aksesibilitas keyboard yang efektif. Mari kita tentukan dan jelaskan beberapa istilah yang paling penting:

  • Navigasi Keyboard: Pengguna dapat berpindah-pindah dan menggunakan komputer atau konten digital dengan menekan tombol pada keyboard alih-alih menggunakan mouse. Metode ini sangat berguna bagi orang-orang yang merasa sulit menggunakan mouse atau lebih suka menggunakan keyboard untuk akses yang lebih cepat.

  • Konvensi Navigasi Keyboard: Aturan dan praktik standar ini memungkinkan pengguna untuk berpindah-pindah dan berinteraksi dengan konten digital menggunakan keyboard. Praktik ini termasuk menggunakan kunci seperti Tab untuk beralih antar item, Enter untuk memilihnya, dan tombol panah untuk berpindah ke atas, bawah, kiri, atau kanan. Konvensi navigasi keyboard memastikan pengalaman pengguna yang konsisten dan dapat diprediksi, memudahkan semua orang untuk menavigasi situs web, aplikasi, dan alat digital lainnya menggunakan keyboard.

  • Kunci Akselerator: Pintasan keyboard ini memungkinkan pengguna untuk melakukan tugas umum dengan cepat tanpa menggunakan mouse. Misalnya, menekan Ctrl + C menyalin teks, dan Ctrl + V menempelkannya. Pintasan ini membantu pengguna bekerja lebih efisien dengan menghemat waktu.

  • Perangkap Navigasi: Pengguna bisa terjebak saat mencoba berpindah-pindah situs web atau aplikasi menggunakan keyboard, yang berarti mereka tidak dapat menavigasi ke bagian lain dari halaman atau aplikasi. Satu-satunya cara untuk melarikan diri adalah dengan memuat ulang halaman atau memulai ulang aplikasi. Perangkap ini menyulitkan dan terkadang tidak mungkin bagi pengguna untuk menavigasi dan menggunakan konten secara efektif.

Konvensi navigasi keyboard

Konvensi navigasi keyboard memastikan bahwa pengguna dapat menavigasi secara efisien dan efektif melalui situs web, aplikasi, dan konten menggunakan keyboard. Salah satu konvensi paling mendasar adalah penggunaan tombol Tab untuk memindahkan fokus secara berurutan melalui elemen interaktif seperti tautan, tombol, dan bidang formulir.

  • Kombinasi Shift +** Tab** memungkinkan pengguna untuk memindahkan fokus dalam urutan terbalik. Pola navigasi yang dapat diprediksi dan konsisten ini membantu pengguna memahami struktur konten dan menemukan elemen yang mereka butuhkan untuk berinteraksi.
  • Selain tombol Tab , beberapa kunci lain meningkatkan navigasi dan kegunaan. Contohnya:
  • Tombol Enter digunakan untuk mengaktifkan tombol, membuka tautan, atau membuka menu.
  • Tombol Bilah Spasi digunakan untuk mengaktifkan tombol, memilih atau membatalkan pilihan kotak centang, menggulir ke bawah halaman, atau membuka menu dropdown.
  • Di web, untuk menggulir halaman, tombolPanah digunakan untuk menavigasi dalam menu, dropdown, dan elemen berbasis daftar lainnya.
  • Kunci Escape digunakan untuk menutup dialog dan panel tugas.

Komponen antarmuka pengguna umum seperti grup radio, daftar tab, menu, dan kisi memiliki beberapa bagian yang dapat Anda fokuskan. Misalnya, grup radio memiliki beberapa tombol radio yang dapat Anda pilih. Hanya satu tombol radio yang merupakan bagian dari urutan tab. Saat Anda menekan tombol Tab , tombol tersebut memindahkan fokus ke tombol radio dalam grup. Anda kemudian dapat menggunakan tombolPanah untuk berpindah di antara tombol radio. Menekan tombol Tab lagi memindahkan fokus keluar dari grup radio ke item berikutnya.

Di web, kunci Beranda dan Akhir memungkinkan pengguna untuk dengan cepat berpindah ke awal atau akhir halaman atau dokumen. Di aplikasi, kombinasi kunci tertentu dapat digunakan untuk mengakses fitur atau melakukan tindakan, seperti Ctrl + S untuk menyimpan dokumen atau Alt + F4 untuk menutup jendela.

Di komputer Mac, Anda dapat menggunakan navigasi keyboard dengan mengaktifkan Akses Keyboard Penuh. Untuk melakukannya:

  1. Buka Pengaturan Sistem.
  2. Klik pada bilah sisi Aksesibilitas.
  3. Di bawah Motor, klik Keyboard.
  4. Aktifkan atau nonaktifkan Akses Keyboard Penuh .

Ketika fitur ini diaktifkan, item dengan fokus akan disorot, dan pengguna dapat mengubah warna, kontras, dan ukuran sorotan ini. Berikut adalah beberapa konvensi navigasi keyboard di Mac:

  • Gunakan Tab untuk menavigasi ke elemen UI berikutnya dan Shift +** Tab** ke elemen sebelumnya.
  • Pilih item dengan menekan Bilah Spasi dan navigasikan dalam grup menggunakan tombol Panah.
  • Untuk menavigasi ke item berikutnya, tekanTab + , lalu Ctrl + Shift + Tab ke item sebelumnya.
  • Di Mac, gunakan Cmd (perintah) + Tab, Cmd +** Shift** +** Tab** untuk beralih antar aplikasi, dan Cmd +** ~** di antara jendela aplikasi yang sama.
  • Tekan Tab + W untuk membuka pemilih jendela dan Tab + A untuk membuka pemilih aplikasi.
  • Untuk membuka Pusat Kontrol, tekan Fn + C dan Fn + N untuk membuka Pusat Pemberitahuan.
  • Untuk memindahkan penunjuk ke fokus keyboard, tekan Tab + C
  • Membiasakan diri dengan konvensi dan pintasan ini dapat secara signifikan meningkatkan pengalaman pengguna untuk pengguna keyboard, membuat navigasi lebih intuitif dan efisien.

Contoh penggunaan praktis navigasi keyboard

Untuk memberi Anda pemahaman langsung tentang cara kerja navigasi keyboard, mari kita menyelami beberapa contoh praktis. Contoh-contoh ini akan menampilkan bagaimana Anda dapat menggunakan keyboard untuk menavigasi melalui halaman web dan aplikasi. Ada tujuh (7) hal penting yang perlu diketahui saat menggunakan keyboard:

Penting

  1. Bilah spasi digunakan untuk:
    1. Tombol Aktifkan
    2. Pilih atau batal pilih kotak centang
    3. Buka menu turun
  2. Enter digunakan untuk:
    1. Tombol Aktifkan
    2. Membuka tautan
    3. Buka menu
  3. Tab atau Shift+tab berpindah antar kontrol dalam arah maju dan mundur
  4. Tombol panah berpindah ke dalam kontrol
  5. Esc menutup
  6. Perangkat sentuh menyediakan fungsionalitas geser serupa tergantung pada pembaca OS/Layar.

Harap dicatat bahwa beberapa di antaranya tergantung pada pengaturan yang diaktifkan pengguna dan OS (sistem operasi) yang mereka gunakan. Selain itu, kontrol pada sistem Mac dan Windows sedikit berbeda. Untuk mac, lihat tautan ini untuk mengaktifkan akses keyboard penuh: Navigasikan Mac Anda menggunakan Akses Keyboard Penuh - Dukungan Apple

Latihan 1

Selesaikan tugas-tugas ini hanya menggunakan keyboard Anda:

  • Buat dokumen kosong di Microsoft Word.
  • Tingkatkan tingkat zoom menggunakan Cmd (perintah) + tanda plus atau Ctrl + tanda plus.
  • Tambahkan beberapa teks menggunakan =lorem ().
  • Tebalkan dua kata menggunakan Ribbon tanpa kunci akses.
  • Sisipkan hyperlink apa pun menggunakan kunci akses.
  • Ubah font beberapa teks menggunakan menu dropdown.

Latihan 2

Selesaikan tugas-tugas ini hanya menggunakan keyboard Anda:

  • Buka halaman web pilihan Anda.
  • Mulai di bagian atas halaman web dan berpindah melalui setiap elemen interaktif di halaman.
  • Setelah Anda menavigasi ke tombol atau tautan, aktifkan.
  • Gunakan Tombol Panah dan Bilah Spasi untuk menggulir konten halaman.
  • Jika halaman memiliki pop-up atau modal, gunakan Esc untuk menutupnya.

Harap dicatat bahwa setiap halaman web berbeda dan mungkin memiliki berbagai tingkat aksesibilitas keyboard. Selain itu, pengguna Mac harus mengaktifkan navigasi keyboard di pengaturan.

Contoh praktis ini menunjukkan pentingnya navigasi keyboard dalam memberikan pengalaman digital yang dapat diakses. Dengan memahami cara kerja navigasi keyboard, Anda dapat merancang dan mengembangkan situs web dan aplikasi yang ramah pengguna yang termasuk pengguna dengan disabilitas.

Sumber Daya

Peran Bilah Spasi dan Tombol Enter dalam Navigasi Keyboard