"Quando é 'errado' colocar tabindex = 0 em conteúdo não interativo?"Resposta: sempre. É referenciado na documentação da MDN também. Não que eu não concordo com você: elementos interativos não devem ser focados.
- O tabindex deve ser declarado apenas no elemento interativo?
- O que é um exemplo de quando o uso do atributo tabindex pode causar problemas?
- Qual é a diferença entre Tabindex 0 e Tabindex =- 1?
O tabindex deve ser declarado apenas no elemento interativo?
Você não precisa declarar Tabindex em um elemento filho, desde que seu elemento pai seja um elemento interativo. Um exemplo disso seria um elemento de span aninhado dentro de um botão: a presença do atributo tabindex neste exemplo de código afetaria a ordem dos elementos interativos de uma maneira ilógica.
O que é um exemplo de quando o uso do atributo tabindex pode causar problemas?
Preocupações de acessibilidade
Evite usar o atributo tabindex em conjunto com conteúdo não interativo para tornar algo destinado a ser focado interativo pela entrada do teclado. Um exemplo disso seria usar um <div> elemento para descrever um botão, em vez do <botão> elemento.
Qual é a diferença entre Tabindex 0 e Tabindex =- 1?
tabindex = "0" permite elementos além de links e elementos para receber foco do teclado. Ele não altera a ordem da guia, mas coloca o elemento no fluxo de navegação lógica, como se fosse um link na página. tabindex = "-1" remove o elemento da sequência de navegação, mas pode ser focado usando JavaScript.