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.