¿Cuándo es 'incorrecto' poner tabindex = 0 en contenido no interactivo??

"¿Cuándo es 'incorrecto' poner tabindex = 0 en contenido no interactivo?"Respuesta: siempre. También se hace referencia en la documentación de MDN. Sin embargo, no es que no esté de acuerdo con usted: los elementos interactivos no deberían ser enfocables.

1. Si TabIndex solo se declara en el elemento interactivo?
2. ¿Cuál es un ejemplo de cuando se usa el atributo TabIndex puede causar problemas??
3. ¿Cuál es la diferencia entre Tabindex 0 y TabIndex =- 1?

Si TabIndex solo se declara en el elemento interactivo?

No necesita declarar tabindex en un elemento infantil, siempre que su elemento principal sea un elemento interactivo. Un ejemplo de esto sería un elemento de tramo anidado dentro de un botón: la presencia del atributo de tabindex en este ejemplo de ejemplo afectaría el orden de los elementos interactivos de una manera ilógica.

¿Cuál es un ejemplo de cuando se usa el atributo TabIndex puede causar problemas??

Preocupaciones de accesibilidad

Evite usar el atributo TabIndex junto con el contenido no interactivo para hacer que algo sea un concentrado interactivo con la entrada del teclado. Un ejemplo de esto sería usar un <div> elemento para describir un botón, en lugar del <botón> elemento.

¿Cuál es la diferencia entre Tabindex 0 y TabIndex =- 1?

tabindex = "0" permite elementos además de enlaces y elementos de formulario para recibir el enfoque del teclado. No cambia el orden de pestañas, pero coloca el elemento en el flujo de navegación lógica, como si fuera un enlace en la página. tabindex = "-1" Elimina el elemento de la secuencia de navegación, pero se puede enfocar usando JavaScript.