¿Cómo permitir el enfoque del teclado de enlaces en Firefox?

127

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 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 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 trabajando en Firefox
b) una explicación de lo que está sucediendo exactamente en la cabeza de Mozilla. Parece contradecir la especificación .

Ben
fuente
No estoy seguro de lo que está sucediendo, puede ser un extraño error de JSFiddle & FF. Intente soltar todos los tabindexs y coloque tabindex="-1"todos y solo los enlaces. No tengo acceso a FF para probar.
Ryan B
1
no, es una cosa mac. mira mi respuesta ...
Ben
1
Oh si. Este comportamiento también debería ocurrir en Safari, si no tiene habilitados "todos los controles" o lo que sea. No es un problema de Moz
Ryan B
Encontrará útiles estas configuraciones: weba11y.com/blog/2014/07/07/keyboard-navigation-in-mac-browsers
Nasia Makrygianni

Respuestas:

269

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:

  1. En Preferencias del sistemaTeclado , en el panel de Accesos directos , marque la radio "todos los controles" en la parte inferior.

  2. En Firefox, escriba " about:config" en la barra de URL. No hay accessibility.tabfocuspreferencia 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.

Ben
fuente
17
10.9 Mavericks: Preferencias del sistema> Teclado> Atajos> botón de opción 'Todos los controles' en la parte inferior del panel.
paulhhowells
9
Estoy en Catalina y tuve que realizar estas dos sugerencias: actualizar las preferencias del sistema solo no parecía cambiar nada en Firefox. Una vez que agregué la nueva preferencia a Firefox about:config, Firefox finalmente permitió el enfoque de pestañas. ¡Gracias!
Ray Brown
En MacOS Mojave (Versión 10.14.6), tuve que realizar ambas sugerencias también. La preferencia del sistema no cambió el comportamiento de Firefox. Agregar la nueva preferencia de Firefox hizo el truco. Es bastante salvaje que el enfoque del teclado de hipervínculo no sea un comportamiento predeterminado en Firefox.
Paul Shryock
Muchas gracias! Me preguntaba por qué Chrome y Firefox (en MacOS) son tan diferentes al enfocar con la pestaña. Por eso :-)
Hermann Schwarz
Nota al margen: tuve que salir / reiniciar Firefox después de cambiar la configuración en Preferencias del sistema. Además, para Safari, tuve que Safari> Preferencias> Avanzado> Accesibilidad: [x] Presione Tab para resaltar cada elemento en una página web (esto fue además de configurarlo en Preferencias del Sistema).
Bryan Downing