Crea caselle di controllo FF e Safari e pulsanti Tabbable (scheda tra)

Question

Una cosa che mi piace di IE (forse l'unica cosa) è come si può passare tra caselle di input, caselle di controllo e pulsanti di azione. Penso che questo renda la compilazione dei moduli molto più rapida e semplice.

Safari e FF passano da una casella di testo all'altro, ma ignorano del tutto caselle di controllo e pulsanti di azione.

Posso forzare Firefox e Safari a lasciare la scheda dei miei utenti tra caselle di input, caselle di controllo e pulsanti di azione? Come dovrei codificarlo?

Grazie per qualsiasi aiuto.

Answer 1

Impostare manualmente un attributo tabindex sugli elementi, numerandoli nell'ordine in cui devono essere compressi. Ad esempio: <input type="button" tabindex="5" value="Do something" />

Answer 2

Ho avuto un problema simile con Safari. Apparentemente Safari salta checkbox, pulsanti e ancore nella rotazione delle tabulazioni (indipendentemente dall'impostazione "tabindex") per impostazione predefinita.

Per consentire a Safari di mettere a fuoco correttamente questi elementi di input, è necessario abilitare un'impostazione di "Accessibilità" nella scheda Avanzate delle preferenze di Safari. "Premere TAB per evidenziare ciascun elemento su una pagina Web." Una volta verificata questa impostazione, l'ordine di tabulazione funziona come previsto (come chrome) e gli elementi possono essere rimossi dalla rotazione della tabulazione impostando la proprietà tabindex su -1.

forzare manualmente l'attivazione di questi elementi funziona senza questa impostazione attivata ma richiede un codice aggiuntivo collegato agli elementi di bracketing per la scheda di acquisizione e/o la scheda di spostamento per mettere a fuoco manualmente.

Dedicato troppo tempo a cercare di codificare questa funzione di Safari!