Bagaimana cara mengizinkan fokus keyboard pada tautan di Firefox?

128

Pergi ke biola ultra-sederhana ini di browser Webkit dan klik pada input:

http://jsfiddle.net/eK4TT/

<input type="text">
<input type="text">
<input type="text">
<a href="#">my first link</a>
<a href="#">my second link</a>
<a href="#">my third link</a>

Kemudian, perhatikan bahwa Anda dapat menavigasi keyboard melalui input dan tautan menggunakan Tabtombol (dan Shift+ Tabuntuk menavigasi dalam urutan terbalik).

Sekarang, lihat biola yang sama di Firefox pada Mac OS dan lakukan hal yang sama. Input menerima fokus, tetapi tautan tidak akan menerima fokus. Ini bukan masalah tampilan CSS. Fokus melompat dari masukan terakhir ke bilah URL.

Saya telah mencoba kombinasi tabindexdeklarasi tanpa akhir di markup, dan tidak berhasil, misalnya:

http://jsfiddle.net/eK4TT/1/

Apa yang sebenarnya terjadi disini? Saya akan menerima jawaban apa pun yang memiliki:

a) biola yang berfungsi di Firefox
b) penjelasan tentang apa yang sebenarnya terjadi di sini di kepala Mozilla. Tampaknya bertentangan dengan spesifikasi .

Ben
sumber
Tidak yakin apa yang sedang terjadi, ini mungkin bug JSFiddle & FF yang aneh. Coba lepaskan semua tabindex, dan pasang tabindex="-1"semua dan hanya tautannya. Saya tidak memiliki akses ke FF untuk diuji.
Ryan B
1
nah itu hal mac. lihat jawaban saya ...
Ben
1
Oh ya. Perilaku ini juga harus terjadi di Safari, jika Anda tidak mengaktifkan "semua kontrol" atau apa pun. Ini bukan masalah Moz
Ryan B
Anda akan menemukan pengaturan ini berguna: weba11y.com/blog/2014/07/07/keyboard-navigation-in-mac-browsers
Nasia Makrygianni

Jawaban:

270

Oke, seseorang menjelaskan ini padaku. Ini masalah Mac. Mozilla setia pada pengaturan sistem operasi di Mac OS.

Ada dua cara berbeda untuk mengatasi hal ini di sisi pengguna. Keduanya tampaknya berfungsi:

  1. Di System PreferencesKeyboard , di panel Shortcuts , periksa radio "semua kontrol" di bagian bawah.

  2. Di Firefox, ketik " about:config" di bilah URL. Tidak ada accessibility.tabfocuspreferensi di mac, jadi Anda harus membuatnya. Klik kanan di jendela, buat pref "integer" baru, dan setel ke 7.

Tak satu pun dari ini sangat jelas. Juga, tidak satu pun dari ini adalah solusi sisi server untuk pengembang, yang membuat frustrasi.

Ben
sumber
17
10.9 Mavericks: System Preferences> Keyboard> Shortcuts> tombol radio 'Semua kontrol' di bagian bawah panel.
paulhhowells
9
Saya menggunakan Catalina dan saya harus melakukan kedua saran ini - memperbarui preferensi sistem saja sepertinya tidak mengubah apa pun di Firefox. Setelah saya menambahkan preferensi baru ke Firefox about:config, Firefox akhirnya mengizinkan pemfokusan tab. Terima kasih!
Ray Brown
Di MacOS Mojave (Versi 10.14.6), saya harus melakukan kedua saran tersebut juga. Preferensi sistem tidak mengubah perilaku Firefox. Menambahkan preferensi Firefox baru berhasil. Sangat liar bahwa fokus keyboard hyperlink bukanlah perilaku default di Firefox.
Paul Shryock
Terima kasih banyak! Saya bertanya-tanya mengapa Chrome dan Firefox (di MacOS) sangat berbeda dalam fokus dengan tab. Itu sebabnya :-)
Hermann Schwarz
Catatan tambahan: Saya harus keluar / memulai ulang Firefox setelah mengubah konfigurasi di Preferensi Sistem. Selain itu, untuk Safari, saya harus ke Safari> Preferensi> Lanjutan> Aksesibilitas: [x] Tekan Tab untuk menyorot setiap item pada halaman web (ini sebagai tambahan untuk mengaturnya di Preferensi Sistem).
Bryan Downing