Vieni a suonare la tastiera dei collegamenti in Firefox?
Vai a questo violino ultra-semplice in un browser Webkit e fai clic sugli 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>
Quindi, nota che puoi navigare attraverso la tastiera sia attraverso gli input che i link usando Tab chiave (e Shift+Tab per navigare in 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 dichiarazioni tabindex nel markup e senza alcun risultato, ad es .:
Che diavolo sta succedendo qui? Accetterò qualsiasi risposta che abbia:
a) un violino che lavora in Firefox
b) una spiegazione di cosa sta succedendo esattamente qui nella testa di Mozilla. Sembra contraddire il spec .
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 a questo lato utente. Entrambi sembrano funzionare:
In Preferenze di sistema → Tastiera , nel pannello Collegamenti , selezionare la radio "tutti i controlli" in basso.
In Firefox, digita "
about:config" nella barra degli indirizzi. Non c'è nessuna preferenzaaccessibility.tabfocussul mac, quindi dovrai crearne uno. Fai clic con il pulsante destro del mouse nella finestra, crea un nuovo pref "intero" e impostalo su 7.
Nessuno di questi è terribilmente ovvio. Inoltre, nessuna di queste è una soluzione lato server per gli sviluppatori, il che è frustrante.
puoi cambiare <a> su <button> se possibile nella tua situazione