Pergi ke biola ultra-sederhana ini di browser Webkit dan klik pada input:
<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 tabindex
deklarasi tanpa akhir di markup, dan tidak berhasil, misalnya:
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 .
tabindex
, dan pasangtabindex="-1"
semua dan hanya tautannya. Saya tidak memiliki akses ke FF untuk diuji.Jawaban:
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:
Di System Preferences → Keyboard , di panel Shortcuts , periksa radio "semua kontrol" di bagian bawah.
Di Firefox, ketik "
about:config
" di bilah URL. Tidak adaaccessibility.tabfocus
preferensi 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.
sumber
about:config
, Firefox akhirnya mengizinkan pemfokusan tab. Terima kasih!