HTML
Tabindex
Buscar..
Parámetros
| Valor | Sentido |
|---|---|
| negativo | El elemento será enfocable, pero no debería ser accesible a través de la navegación secuencial del teclado |
| 0 | El elemento será enfocable y accesible a través de la navegación secuencial del teclado, pero su orden relativo está definido por la convención de la plataforma |
| positivo | el elemento debe ser enfocable y accesible a través de la navegación secuencial del teclado; su orden relativo se definirá por el valor del atributo: la secuencia sigue el número creciente de tabindex |
Observaciones
El valor máximo para tabindex no debe exceder de 32767 según la sección 17.11.1 de W3C, a menos que el valor predeterminado especificado sea -1
Un elemento con un valor de 0, un valor no válido o ningún valor de tabindex debe colocarse después de los elementos con un índice positivo en el orden secuencial de navegación del teclado.
Agregar un elemento al orden de tabulación
<div tabindex="0">Some button</div>
Nota : intente utilizar un button HTML nativo o a etiqueta cuando sea apropiado.
Eliminar un elemento del orden de tabulación
<button tabindex="-1">This button will not be reachable by tab</button>
El elemento se eliminará del orden de tabulación, pero aún será enfocable.
Definir un orden de tabulación personalizado (no recomendado)
<div tabindex="2">Second</div>
<div tabindex="1">First</div>
Los valores positivos insertarán el elemento en la posición de orden de tabulación de su valor respectivo. Los elementos sin preferencia (es decir, tabindex="0" o elementos nativos como el button y a ) se agregarán después de aquellos con preferencia.
Los valores positivos no se recomiendan ya que interrumpen el comportamiento esperado de tabulación y pueden confundir a las personas que dependen de los lectores de pantalla. Intente crear un orden natural reorganizando su estructura DOM.