Come consentire lo spostamento della tastiera dei collegamenti in Firefox?

Question

Vai a questo ultra-semplice violino in un browser Webkit e cliccare su su degli ingressi:

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> 

Poi, si noti che è possibile tastiera navigare attraverso entrambi gli ingressi ed i collegamenti utilizzando il Tasto Tab (e Shift + Scheda per navigare nell'ordine inverso).

Ora, guarda lo stesso violino in Firefox su Mac OS e fai la stessa cosa. Gli input ricevono focus, ma i collegamenti non riceveranno focus. Non è un problema di visualizzazione CSS. L'attenzione salta dall'ultimo input alla barra degli URL.

ho provato infinite combinazioni di tabindex dichiarazioni nel codice, e inutilmente, per es .:

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

Che diamine sta succedendo qui? Accetterò qualsiasi risposta che abbia:

a) un violino che funziona in Firefox
b) una spiegazione di cosa sta succedendo esattamente qui nella testa di Mozilla. Sembra contraddire lo spec.

Answer 1

Ok, qualcuno mi ha spiegato questo. È un problema con il Mac. Mozilla è fedele alle impostazioni del sistema operativo in Mac OS.

Ci sono due modi distinti attorno al lato utente. Entrambi sembrano funzionare:

1) In Preferenze di sistema> Tastiera, nel riquadro Tasti di scelta rapida, selezionare la radio "tutti i controlli".

2) In Firefox, digitare "about:config" nella barra degli indirizzi. Non c'è la preferenza accessibility.tabfocus sul Mac, quindi dovrai crearne uno. Fare clic con il tasto destro del mouse nella finestra, creare un nuovo pref "intero" e impostarlo su 7.

Nessuno di questi è molto ovvio. Inoltre, nessuna di queste è una soluzione lato server per gli sviluppatori, il che è frustrante.

Answer 2

è possibile modificare <a> su <button> se possibile nella vostra situazione

http://jsfiddle.net/eK4TT/26/