Os elementos não devem ter tabindex superior a zero

Para evitar uma ordem de tabulação inesperada que pareceria saltar completamente alguns componentes, um atributo tabindex nunca deve ter um valor superior a 0.

O uso de tabindex com um valor superior a 0 pode levar a tantos problemas quanto os que resolve. A ordem de tabulação inusual torna o website menos lógico e pode dar a impressão de que alguns elementos foram completamente saltados.

Seguem-se alguns problemas que o tabindex (com um valor de 1 ou superior) resulta:

• Ordem de tabulação inesperada: Do ponto de vista do utilizador, o tabindex altera a ordem normal de tabulação de formas imprevistas, o que pode levar à confusão.

• Os itens podem parecer ser saltados completamente: Os itens aparecem apenas uma vez na sequência de tabulação. Quando um utilizador navega através dos itens tabindex e passa para o resto da página, eventualmente chegam à localização dos itens tabindex. No entanto, o ciclo de tabulação salta sobre estes links porque o utilizador já navegou por eles no início do ciclo. Quando os visitantes são incapazes de aceder aos itens e podem não ter consciência de que devem percorrer a coleção completa de links na página para reaceder a esses links, as ordens de tabulação incorretas são frustrantes.

• Todos os itens tabindex são tabulados antes de qualquer item não-tabindex. Você precisaria definir o valor de tabindex para cada item através do final da secção atualizada se quisesse modificar a ordem de tabulação dos itens iniciais E de uma secção mais abaixo na página. Quando levado ao extremo, se uma página contém 20 links e um desses links tem o seu tabindex definido para tabindex="100", o utilizador irá tabular para esse link primeiro mesmo que existam menos de 100 links na página. A ordem de tabulação de secções mais abaixo na página não pode ser alterada a menos que todos os links antes da ordem de tabulação dessa secção sejam alterados manualmente.

O que esta regra de acessibilidade verifica

Garante que atributos tabindex explícitos que são superiores a 0 nunca são utilizados

Learn more:

Deque Reference

Deque University - How To Fix

→

W3C Reference

WCAG 2.1 - Failure of Success Criterion 2.4.3 due to using tabindex to create a tab order that does not preserve meaning and operability

→