atributo global tabindex indica se um elemento pode receber foco de entrada (se ele é focável), se e em qual posição ele deve fazer parte da navegação sequencial do teclado (geralmente com a tecla Tab, daí seu nome). Ele aceita valores inteiros, com diferentes resultados dependendo do valor:

  • um valor negativo (geralmente tabindex="-1") significa que o elemento deve ser focável, mas que não deve ser localizado pela navegação sequencial do teclado;
  • tabindex="0" significa que o elemento deve ser focável e que pode ser localizado pela navegação sequencial do teclado, mas a sua posição será definida pela ordem no código-fonte do documento;
  • um valor positivo significa que o elemento deve ser focável e que pode ser localizado pela navegação sequencial do teclado, e a sua posição definida pelo valor do número. Sendo assim, tabindex="4" seria focado antes de tabindex="5", mas depois de tabindex="3". Se vários elementos possuírem o mesmo valor positivo de tabindex, a sua posição na ordenação será definida pela sua posição no código-fonte do documento.

Um elemento com tabindex="0", um valor inválido, ou nenhum tabindex deverão ser focados após elementos com tabindex positivo na ordenação de navegação sequencial pelo teclado.

Se o atributo tabindex for definido em um elemento div <div>, seu conteúdo filho (interno) não poderá ser rolado utilizando as teclas direcionais a menos que seja definido tabindex no conteúdo também. Veja este fiddle para entender melhor os efeitos de rolagem do tabindex.

Nota:  O valor máximo do atributo tabindex é 32767. Se não especificado, o valor padrão assumido é -1.

Especificações

Especificação Status Comentário
HTML Living Standard
The definition of 'tabindex' in that specification.
Padrão em tempo real Nenhuma mudança desde o mais recente snapshot, HTML 5.1
HTML 5.1
The definition of 'tabindex' in that specification.
Recomendação Snapshot de HTML Living Standard, nenhuma mudança desde HTML5
HTML5
The definition of 'tabindex' in that specification.
Recomendação Snapshot de HTML Living Standard. Desde HTML 4.01 Specification, o atributo agora é suportado em todos os elementos (atributos globais).
HTML 4.01 Specification
The definition of 'tabindex' in that specification.
Recomendação Suportado apenas em <a>, <area>, <button>, <object>, <select>, e <textarea>.

Compatibilidade nos Navegadores

We're converting our compatibility data into a machine-readable JSON format. This compatibility table still uses the old format, because we haven't yet converted the data it contains. Find out how you can help!

Recurso Chrome Firefox (Gecko) Internet Explorer Opera Safari
Suporte básico (Yes) (Yes) (Yes) (Yes) (Yes)
Recurso Android Chrome for Android Firefox Mobile (Gecko) IE Mobile Opera Mobile Safari Mobile
Suporte básico (Yes) (Yes) (Yes) (Yes) (Yes) (Yes)

Veja também

Etiquetas do documento e colaboradores

Colaboradores desta página: cristianofromagio
Última atualização por: cristianofromagio,