it-swarm-es.tech

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

Vaya a este violín muy 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 por el teclado a través de las entradas y los enlaces usando la Tab clave (y Shift+Tab para navegar en orden inverso).

Ahora, mira el mismo violín en Firefox en Mac OS y haz lo mismo. Las entradas reciben el foco, pero los enlaces no recibirán el foco. No es un problema de visualización CSS. El foco salta de la última entrada a la barra de URL.

He intentado infinitas combinaciones de tabindex declaraciones en el marcado, y 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 aquí en la cabeza de Mozilla. Parece contradecir el spec .

93
Ben

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 sistema Teclado , en el panel Accesos directos , compruebe la radio "todos los controles" en la parte inferior.

  2. En Firefox, escribe "about:config" en la barra de URL. No hay una preferencia de accessibility.tabfocus en el mac, por lo que tendrás que hacer una. Haga clic con el botón derecho en la ventana, cree un nuevo pref "integer" y configúrelo en 7.

Ninguno de estos son terriblemente obvios. Además, ninguno de estos es una solución del lado del servidor para los desarrolladores, lo cual es frustrante.

179
Ben

puede cambiar <a> en <button> si es posible en su situación

http://jsfiddle.net/eK4TT/26/

0
sglazkov