Ordem de foco

A sequência em que os elementos recebem foco quando a pessoa navega pelo teclado, e que precisa seguir a lógica da página.

Hard

O que é

Ordem de foco é o caminho que o foco percorre quando a pessoa navega pela interface usando o teclado, em geral apertando Tab. A cada toque, o foco pula para o próximo elemento interativo. Essa sequência precisa fazer sentido, seguindo a leitura natural da página, de cima para baixo e da esquerda para a direita.

É uma falha comum e fácil de auditar. Quando o foco pula de um canto para outro sem lógica, ou entra em elementos invisíveis, ou pula o que importa, quem depende do teclado fica perdido. A pessoa não vê o cursor do mouse: o foco é a única âncora dela na tela, então uma ordem quebrada é uma navegação quebrada.

Para quem desenha produto, vale lembrar que a ordem de foco costuma seguir a ordem do código, não a aparência. Um elemento que parece estar no topo, mas foi colocado por último no código, recebe foco por último. Manter código e leitura visual alinhados é o que mantém a ordem de foco previsível.

Em uma frase

A ordem de foco está quebrada nesse formulário, o Tab pula o campo de e-mail direto pro botão.

A pergunta que ele responde

Por que, navegando só pelo teclado, o foco pula pela tela sem nenhuma lógica?

Quando usar

Em qualquer interface, garantindo que a navegação por teclado siga uma sequência lógica e previsível.

Como não usar

Reordenar elementos só no visual sem corrigir o código. A aparência muda, mas a ordem de foco continua bagunçada.

Na prática

Ao navegar por Tab, o foco pula do menu direto para o rodapé e só depois volta ao conteúdo. A ordem segue o código, não a tela.

Não confunda com

Ordem de foco não é a mesma coisa que indicador de foco: a ordem é a sequência em que os elementos recebem foco, o indicador é a marca visual que mostra onde o foco está agora.

D

Em inglês

Focus Order

Pronúncia

n/a

Também chamado de

ordem de foco, focus order, ordem de tabulação, tab order

Origem

n/a

Fonte

Saiba mais

W3C, WCAG, critério de sucesso sobre ordem de foco