Vaya a este violín ultra simple en un navegador Webkit y haga clic en una de las entradas:
<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>
Luego, observe que puede navegar con el teclado por las entradas y los enlaces usando la Tabtecla (y Shift+ Tabpara navegar en orden inverso).
Ahora, mira el mismo violín en Firefox en Mac OS y haz lo mismo. Las entradas reciben foco, pero los enlaces no recibirán foco. No es un problema de visualización de CSS. El foco salta desde la última entrada a la barra de URL.
He intentado infinitas combinaciones de tabindex
declaraciones en el marcado, y fue en vano, por ejemplo:
¿Qué diablos está pasando aquí? Aceptaré cualquier respuesta que tenga:
a) un violín trabajando en Firefox
b) una explicación de lo que está sucediendo exactamente en la cabeza de Mozilla. Parece contradecir la especificación .
tabindex
s y coloquetabindex="-1"
todos y solo los enlaces. No tengo acceso a FF para probar.Respuestas:
Ok, alguien me explicó esto. Es un problema de Mac. Mozilla está siendo fiel a la configuración del sistema operativo en Mac OS.
Hay dos formas distintas de evitar esto en el lado del usuario. Ambos parecen funcionar:
En Preferencias del sistema → Teclado , en el panel de Accesos directos , marque la radio "todos los controles" en la parte inferior.
En Firefox, escriba "
about:config
" en la barra de URL. No hayaccessibility.tabfocus
preferencia en el mac, por lo que tendrá que hacer uno. Haga clic derecho en la ventana, cree un nuevo pref "entero" y configúrelo en 7.Ninguno de estos es terriblemente obvio. Además, ninguno de estos es una solución del lado del servidor para desarrolladores, lo cual es frustrante.
fuente
about:config
, Firefox finalmente permitió el enfoque de pestañas. ¡Gracias!