Vá para este violino ultra-simples em um navegador Webkit e clique nas 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>
Em seguida, observe que você pode navegar pelo teclado pelas entradas e pelos links usando a Tabtecla (e Shift+ Tabpara navegar na ordem inversa).
Agora, observe o mesmo violino no Firefox no Mac OS e faça a mesma coisa. As entradas recebem foco, mas os links não recebem foco. Não é um problema de exibição de CSS. O foco passa da última entrada para a barra de URL.
Eu tentei infinitas combinações de tabindex
declarações na marcação e sem sucesso, por exemplo:
O que diabos está acontecendo aqui? Aceitarei qualquer resposta que tenha:
a) um violino trabalhando no Firefox
b) uma explicação do que exatamente está acontecendo aqui na cabeça do Mozilla. Parece contradizer a especificação .
tabindex
colocartabindex="-1"
todos e somente os links. Não tenho acesso ao FF para testar.Respostas:
Ok, alguém me explicou isso. É um problema do Mac. O Mozilla está sendo fiel às configurações do sistema operacional no Mac OS.
Existem duas maneiras distintas de contornar isso no lado do usuário. Ambos parecem funcionar:
Em Preferências do Sistema → Teclado , no painel Atalhos , verifique o rádio “todos os controles” na parte inferior.
No Firefox, digite "
about:config
" na barra de URL. Não háaccessibility.tabfocus
preferência no mac, então você terá que fazer um. Clique com o botão direito na janela, crie um novo pref "inteiro" e defina-o como 7.Nenhuma delas é terrivelmente óbvia. Além disso, nenhuma delas é uma solução do lado do servidor para desenvolvedores, o que é frustrante.
fonte
about:config
, o Firefox finalmente permitiu o foco nas guias. Obrigado!