bootstrap - ¿Cómo ignorar el elemento HTML de tabindex?

tabindex vba

Question

¿Hay alguna forma en HTML de decirle al navegador que no permita la indexación de pestañas en elementos particulares?

Sin embargo, en mi página hay un espectáculo secundario que se representa con jQuery, cuando lo haces, obtienes muchas pulsaciones antes de que el control de pestaña se desplace al siguiente enlace visible de la página, ya que todas las cosas que se están tabulando están ocultas El usuario visualmente.

Answer 1

La forma de hacerlo es agregando tabindex="-1" . Al agregar esto a un elemento específico, se vuelve inalcanzable con la navegación del teclado. Aquí hay un gran artículo que te ayudará a comprender mejor el índice de tabindex .

Answer 2

No olvide que, aunque tabindex está todo en minúscula en las especificaciones y en HTML, en Javascript / DOM, esa propiedad se llama tabIndex .

No pierda la cabeza intentando averiguar por qué los índices de tabulación alterados mediante programación que llaman a element.tabindex = -1 no funcionan. Utilice element.tabIndex = -1 .

Answer 3

Si está trabajando en un navegador que no admite tabindex="-1" , puede salirse con la suya simplemente dando a las cosas que deben omitirse un índice de pestañas realmente alto . Por ejemplo, tabindex="500" básicamente mueve el orden de tabulación del objeto al final de la página.

Hice esto para un largo formulario de entrada de datos con un botón en medio de él. La gente no hace clic en un botón muy a menudo, así que no quise que accidentalmente lo presionaran y presionaran Enter. disabled no funcionaría porque es un botón.

Answer 4

Si estos son elementos naturalmente en el orden de tabulación, como botones y anclajes, eliminarlos del orden de tabulación con tabindex = -1 es una especie de olor de accesibilidad. Si proporcionan funcionalidad duplicada, eliminarlos del orden de tabulación está bien, y considere agregar aria-hidden = true a estos elementos para que las tecnologías de asistencia los ignoren.

Answer 5

Solo agregue el atributo disabled al elemento (o use jQuery para hacerlo por usted). Deshabilitado evita que la entrada se enfoque o se seleccione en absoluto.

Answer 6

Tal truco como "tabIndex = -1" no me funciona con Chrome v53.

Esto es lo que funciona para Chrome, y la mayoría de los navegadores:

element.removeAttribute(''tabindex'');

Answer 7

Puedes usar tabindex="-1" .

La especificación HTML5 del W3C admite valores de tabindex negativos:

Si el valor es un entero negativo
El agente de usuario debe establecer el indicador de enfoque tabindex del elemento, pero no debe permitir que se alcance el elemento mediante la navegación de enfoque secuencial.

Tenga en cuenta que esta es una característica de HTML5 y puede que no funcione con navegadores antiguos.
Para ser compatible con el estándar W3C HTML 4.01 (desde 1999) , tabindex debería ser positivo.