É possível navegar entre os elementos das páginas usando a tecla TAB, cada vez que é apertada um elemento recebe foco. Normalmente, a ordem do foco fica sendo definida como a ordem em que os elementos aparecem no HTML, mas você pode controlar isso com o atributo tabindex.
Esse atributo é usado pra definir a ordem em que os elementos vão receber foco quando o usuário navegar pelo conteúdo usando o teclado. O valor desse atributo é sempre um inteiro, indicando a ordem de foco, começando pelo número 1.
Usar o atributo tabindex pode ter duas grandes vantagens:
- Melhorar a acessibilidade, já que alguns usuários podem ter dificuldades para utilizar o mouse.
- Criar fluxos para preenchimento de formulários, já que nem sempre a ordem dos elementos no código é a ordem mais adequada, ou lógica, para a navegação.