# Tabindex

![](https://799659513-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F30tSHvrN7e0UK3aUSC1K%2Fuploads%2FySPxu3lintzTfRMVqvh4%2Fimage.png?alt=media\&token=cbd84e0e-dd98-43c3-aec6-deb8a41c5324)

### 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](https://web.dev/control-focus-with-tabindex/).