Browsing web modern telah menjadi semakin menantang bagi pengguna keyboard karena website beralih dari tautan tradisional ke tombol dan div interaktif. Meskipun Firefox menawarkan fitur navigasi keyboard yang berguna seperti tombol apostrof untuk pencarian tautan cepat, alat-alat ini kurang efektif ketika berhadapan dengan elemen web kontemporer yang mengandalkan JavaScript click handler.
Masalah Inti dengan Navigasi Browser Saat Ini
Fitur pencarian bawaan Firefox bekerja dengan baik untuk tautan tradisional, tetapi kesulitan dengan pola desain web modern. Fitur quick find (/) dan find in page (Ctrl+F) dapat menyorot teks apa pun di halaman web, tetapi menekan Enter pada konten yang disorot yang bukan tautan yang tepat tidak melakukan apa-apa. Keterbatasan ini menjadi sangat membuat frustasi ketika mencoba berinteraksi dengan tombol, span, atau div yang memiliki click handler yang terpasang.
Komunitas telah mengidentifikasi ini sebagai masalah yang tersebar luas yang mempengaruhi aksesibilitas. Pengguna yang mengandalkan navigasi keyboard menemukan diri mereka tidak dapat berinteraksi dengan banyak website modern yang menggunakan elemen yang digerakkan JavaScript alih-alih tautan HTML semantik.
Perbandingan Navigasi Keyboard Browser:
- Firefox: Pencarian cepat (') hanya berfungsi untuk tautan, tombol tidak merespons Enter setelah pencarian
- Chrome: Dukungan tombol yang lebih baik, Ctrl+Enter berfungsi pada beberapa elemen uji
- Qutebrowser: Dibangun khusus untuk navigasi keyboard dengan kontrol seperti vi
- Semua browser: Kesulitan dengan penangan onclick JavaScript pada elemen div/span
Solusi Komunitas dan Workaround
Diskusi mengungkapkan beberapa pendekatan untuk menyelesaikan tantangan navigasi keyboard. Ekstensi populer seperti Vimium, Tridactyl, dan Vimium C telah mendapat daya tarik yang signifikan di antara pengguna yang mencari kontrol keyboard yang lebih baik. Ekstensi-ekstensi ini menyediakan keybinding mirip vim dan dapat menyorot semua elemen yang dapat diklik, tidak hanya tautan tradisional.
Namun, beberapa pengguna lebih memilih solusi yang lebih ringan. Sebuah ekstensi browser sederhana telah muncul yang mengatasi masalah inti hanya dengan beberapa baris kode JavaScript. Ekstensi ini mendengarkan penekanan tombol Enter, mengidentifikasi elemen teks yang sedang dipilih, menemukan elemen HTML induknya, dan memicu event klik padanya.
Ekstensi Navigasi Keyboard Populer:
- Vimium / Vimium C: Pengikatan tombol mirip Vim, menyorot semua elemen yang dapat diklik dengan tombol 'f'
- Tridactyl: Ekstensi khusus Firefox dengan kontrol keyboard yang komprehensif
- Surfingkeys: Dapat disesuaikan tetapi memiliki kurva pembelajaran yang lebih curam
- ShortCat: Solusi tingkat sistem macOS yang menggunakan API aksesibilitas
Inkonsistensi Browser dan Tantangan Teknis
Pengujian mengungkapkan perilaku yang tidak konsisten di berbagai browser. Sementara Chrome menangani beberapa interaksi keyboard dengan tombol dengan benar, Firefox menunjukkan pola perilaku yang berbeda. Komunitas telah mencatat bahwa bahkan workaround dasar seperti menekan Escape untuk menutup dialog pencarian sebelum menekan Enter tidak bekerja secara konsisten di semua jenis elemen.
Web adalah tempat yang indah - mencerminkan frustrasi yang dirasakan banyak developer tentang event onclick yang digerakkan JavaScript yang melewati aksesibilitas keyboard standar.
Inkonsistensi ini menyoroti kekhawatiran aksesibilitas yang lebih luas, yang sangat penting mengingat bahwa aksesibilitas yang rusak dapat memiliki implikasi hukum di EU dan AS untuk layanan komersial.
Solusi Browser Alternatif
Beberapa pengguna telah beralih ke browser khusus yang digerakkan keyboard seperti Qutebrowser, yang dibangun di atas engine Chromium dengan kontrol mirip vi dari awal. Yang lain mengandalkan solusi tingkat sistem seperti ShortCat untuk macOS, yang menggunakan API aksesibilitas untuk menambahkan navigasi keyboard ke aplikasi apa pun.
Variasi solusi menunjukkan bahwa meskipun masalahnya diakui dengan baik, tidak ada jawaban sempurna tunggal yang bekerja untuk kebutuhan dan preferensi semua orang.
Kesimpulan
Tantangan navigasi keyboard di browser modern mencerminkan ketegangan yang lebih luas antara evolusi web dan aksesibilitas. Sementara developer telah menciptakan berbagai ekstensi dan workaround, masalah inti tetap bahwa browser belum sepenuhnya mengadaptasi fitur navigasi bawaan mereka untuk menangani pola desain web kontemporer. Solusi sederhana seperti ekstensi ringan yang dijelaskan menunjukkan harapan, tetapi perbaikan ideal akan melibatkan browser yang secara native mendukung interaksi keyboard dengan semua elemen yang dapat diklik, terlepas dari bagaimana mereka diimplementasikan.
Referensi: A Small Change To Improve Browsers for Keyboard Navigation