risposta-alla-domanda-sullo-sviluppo-web-bd.com

Vieni a suonare la tastiera dei collegamenti in Firefox?

Vai a questo violino ultra-semplice in un browser Webkit e fai clic sugli 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>

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 .:

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

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 .

93
Ben

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:

  1. In Preferenze di sistema Tastiera , nel pannello Collegamenti , selezionare la radio "tutti i controlli" in basso.

  2. In Firefox, digita "about:config" nella barra degli indirizzi. Non c'è nessuna preferenza accessibility.tabfocus sul 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.

167
Ben

puoi cambiare <a> su <button> se possibile nella tua situazione

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

0
sglazkov