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.