Ordem do foco
A Silktide encontra elementos que substituem a ordem na qual os utilizadores de teclado se movem pela página. Por predefinição, premir Tab percorre os links e os controlos de formulário pela ordem em que aparecem no código da página; um atributo tabindex positivo força uma ordem personalizada, o que quase sempre é um erro.
<!-- Faz com que este campo seja alcançado antes de tudo o resto na página -->
<input tabindex="1" name="search">
Por que isso é importante
Os utilizadores de teclado esperam que a tecla Tab percorra uma página numa ordem previsível, que corresponda ao que veem. Um tabindex positivo usurpa essa ordem: o foco salta primeiro para os elementos numerados e depois volta a todos os restantes, o que pode fazer o saltar pela página. Além disso, é uma solução frágil — adicionar um novo elemento mais tarde significa renumerar tudo — e frequentemente deixa de funcionar quando as páginas são alteradas.
Como corrigir
- Remova os valores positivos de
tabindexe deixe que a ordem natural do determine a ordem de navegação por tabulação. - Se a ordem natural for confusa, reordene os elementos no seu HTML (utilizando CSS para a disposição visual) em vez de tentar disfarçar o problema com
tabindex. - Os outros valores de
tabindexcontinuam válidos e não são sinalizados:tabindex="0"torna um elemento focável pelo teclado na sua posição natural, o que é útil para controlos personalizados.tabindex="-1"remove um elemento da navegação por Tab, o que é útil para elementos focados por um script, como caixas de diálogo.
Como a Silktide testa isto
- Encontra todos os elementos da página com um atributo
tabindexexplícito. - Sinaliza cada elemento cujo
tabindexseja superior a 0, como um possível problema a confirmar. - Os valores 0 e inferiores não são sinalizados.
Resolução de problemas
Utilizamos valores positivos de tabindex deliberadamente
Raramente, a ordem do código de uma página não pode corresponder genuinamente à sua ordem lógica, e os valores positivos de tabindex são a única solução. Se tiver verificado que a ordem de tabulação faz sentido ao percorrer a página com a tecla Tab, pode marcar o resultado como verificado.