¿Cómo permitir el enfoque del teclado en los enlaces en Firefox?
Vaya a este violín ultra simple en un navegador Webkit y haga clic en una de las entradas:
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>
Luego, observe que puede navegar con el teclado tanto a través de las entradas como de 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 de la última entrada a la barra de URL.
Probé infinitas combinaciones de tabindexdeclaraciones en el marcado y fue en vano, por ejemplo:
http://jsfiddle.net/eK4TT/1/
¿Qué diablos está pasando aquí? Aceptaré cualquier respuesta que tenga:
a) un violín que funciona en Firefox
b) una explicación de qué está pasando exactamente aquí en la cabeza de Mozilla. Parece contradecir las especificaciones .
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 solucionar esto por parte del usuario. Ambos parecen funcionar:
En Preferencias del Sistema → Teclado , en el panel Atajos , marque la opción "todos los controles" en la parte inferior.
En Firefox, escriba "
about:config" en la barra de URL. No hayaccessibility.tabfocuspreferencia en Mac, por lo que tendrás que crear una. Haga clic derecho en la ventana, cree una nueva preferencia "entero" y configúrela en 7.
Ninguno de estos es terriblemente obvio. Además, ninguna de estas es una solución del lado del servidor para desarrolladores, lo cual resulta frustrante.
En MacOS Big Sur esto se hace así:
Marque la casilla de verificaciónUse keyboard navigation...
Tampoco tuve que hackear about:config
Cualquiera que mire el segundo método explicado en la respuesta aceptada:
En Firefox, escriba "about:config" en la barra de URL. No existe una preferencia de accesibilidad.tabfocus en Mac, por lo que tendrás que crear una. Haga clic derecho en la ventana, cree una nueva preferencia "entero" y configúrela en 7.
Tenga en cuenta que ya existe una preferencia denominada accesibilidad.tabfocus dentro de Firefox Developer Edtion que es booleana.
Puede cambiar esto a un número entero haciendo clic en el icono de la papelera y eliminando la preferencia. Esto le permitirá seleccionar el tipo que desea que sea la preferencia y le permitirá asignarle un valor posteriormente.
En macOS Ventura, este método abreviado de teclado parece poder alternar este comportamiento:
Todavía no encontré una manera de alternar esto directamente en la configuración. Si alguien tiene una, sugiera una edición.
