bootstrap - ¿Dónde terminan los elementos HTML tabindex="0" en el orden de tabulación?
tabindex primefaces (4)
¿En qué orden se tabindex elementos con un valor tabindex de 0 cuando se tabindex la página web?
Es un poco más complicado que la respuesta de Alan Haggai Alavi.
Después del análisis, IE8 y Opera hacen lo que dice la especificación HTML4. Sin embargo, Firefox y Chrome usan el orden DOM. Esto es importante con un etiquetado mal formado como este.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Test case 1</title>
</head>
<body>
<form>
<table>
<tr><td><input id="first" value="first in the character stream" tabindex="0"></td></tr>
<div><input id="second" value="second in the character stream" tabindex="0"></div>
</table>
<form>
</body>
</html>
Usted bien podría argumentar que con el marcado incorrecto todas las apuestas se cancelan de todos modos, entonces ¿qué pasa con JavaScript?
Considera este caso:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Test case 2</title>
<script type="text/javascript">
moveFirst = function()
{
var f = document.getElementById("first");
f.parentNode.removeChild(f);
document.body.appendChild(f);
}
</script>
</head>
<body>
<form>
<table>
<tr><td><input id="first" value="first in the character stream" tabindex="0"></td></tr>
<tr><td><div><input id="second" value="second in the character stream" tabindex="0"></div></td></tr>
</table>
<form>
<div onclick="moveFirst()">move</div>
</body>
</html>
En este caso, cuando un usuario hace clic en "mover", IE8, Firefox, Chrome y Opera usan todos el orden DOM, no el orden de secuencia de caracteres.
Finalmente, HTML5 ofrece casi ninguna garantía sobre el orden de tabulación entre los elementos que tienen un tabindex de 0, simplemente indicando que debe seguir las convenciones de la plataforma.
La especificación HTML establece:
Los elementos que tienen valores de tabindex idénticos deben navegarse en el orden en que aparecen en la secuencia de caracteres.
tabindex asignaciones de tabindex se manejan de la siguiente manera (para los elementos que admiten el atributo tabindex ):
- Los números positivos (1,2,3 ... 32767) se manejan en orden de tabulación.
- 0 se maneja en orden de origen (el orden en que aparece en el DOM)
- -1 se ignora durante la tabulación, pero es enfocable.
Esta información está tomada de: http://www.w3.org/TR/html401/interact/forms.html#adef-tabindex
tabindex="0" puede incluir tabulaciones a elementos que no sean de página del navegador web, como la barra de direcciones URL.
Probado para ser el caso de Firefox 32.03.