por que o cursor ou foco salta ao redor do meu site

O foco salta porque a ordem do código-fonte não corresponde à ordem visual

Um foco que salta em todas as direções surge geralmente porque a ordem em que os elementos aparecem no código-fonte não corresponde à ordem em que são apresentados no ecrã. Quando alguém navega através de uma página com a tecla Tab, espera que o foco se mova de forma ordenada de cima para baixo e da esquerda para a direita — logicamente de acordo com a direção de leitura. Se um menu, uma janela de contexto ou uma barra lateral for posicionada noutro local do ecrã através de CSS do que onde o elemento se encontra no código, o foco salta visivelmente para um lado e para o outro: primeiro para baixo, depois novamente até ao topo, depois para um botão que já tinha sido visualmente ultrapassado.

Uma causa frequente é um valor de `tabindex` definido manualmente num número superior a zero, o que faz com que os elementos fiquem fora da ordem natural. As barras de cookies, os filtros carregados dinamicamente e as janelas modais que não capturam corretamente o foco também causam este efeito — o foco pode até desaparecer completamente do ecrã, atrás da barra ou sob uma sobreposição que ainda está aberta. Para verificar isto, o melhor é percorrer encomenda sozinho utilizando apenas o teclado; como testar se uma loja online pode ser operada com o teclado descreve como esse teste funciona na prática. Frequentemente, a ordem do foco está relacionada aos mesmos elementos que também causam problemas com barras de cookies e janelas de contexto, porque são colocadas primeiro sobre a página.

Onde isto se encontra em WCAG 2.1: critério 2.4.3

Este requisito encontra-se em WCAG 2.1 sob o critério de sucesso 2.4.3, "Focus Order" (Ordem do Foco), que exige que a ordem em que os elementos recebem o foco preserve o significado e a usabilidade da página. Este é um critério de nível A e, portanto, também faz parte do nível AA, ao qual EN 301 549 na prática corresponde. A investigação da ACM sobre a acessibilidade das lojas online mostra que este tipo de problemas de navegação ocorre frequentemente na prática e é vivenciado como incómodo pelos utilizadores. Uma análise automática pode sinalizar se um `tabindex` com um valor positivo está presente, mas se a ordem do foco é realmente lógica para alguém que não vê a página é algo que um teste automático de acessibilidade não pode determinar completamente — isso permanece dependente de uma verificação manual.