Tabindex

Problema

Embora tecnicamente válido, usar um tabindex com valor maior que 0 é considerado um anti-padrão porque desloca o elemento afetado para o final da ordem de tabulação.

Esse comportamento inesperado pode fazer com que alguns elementos não possam ser acessados ​​pelo teclado, gerando transtornos para usuários que dependem de tecnologias assistivas.

Recomendações

• Evitar tabindex superior a 0;

• Declarar os elementos no ordem em que devem aparecer no DOM;

• Se você tiver um valor tabindex maior que 0, e estiver usando um link ou elemento de formulário, remova o tabindex.

• Se você precisar que um elemento apareça mais cedo ou mais tarde na ordem de tabulação, ele deve ser movido para um local diferente no DOM.

Você pode saber mais sobre Controle de foco com tabindex aqui.