9.4 Crear un orden lógico de tabulación a través de los enlaces, controles de formulario y objetos

Prioridad 3

En aquellos navegadores que permiten el uso de la tecla de tabulación (Tab) para navegar entre enlaces y controles de formulario, el orden de tabulación predeterminado comienza con el primer enlace o control de la página, y continúa en el orden en que estos elementos aparecen en el código HTML.

Este orden de tabulación por defecto puede no resultar el más conveniente en algunos casos, pero es posible modificarlo a través del atributo "tabindex".

<a href="links.html" tabindex="1">1</a> - 
<a href="links.html" tabindex="2">2</a><br>
<a href="links.html" tabindex="3">3</a> - 
<a href="links.html" tabindex="4">4</a>

<a href="links.html" tabindex="5">1</a> - 
<a href="links.html" tabindex="7">3</a><br> 
<a href="links.html" tabindex="6">2</a>  - 
<a href="links.html" tabindex="8">4</a> 

La propiedad "tabindex" puede aplicarse a los siguientes elementos en HTML: <A>, <AREA>, <BUTTON>, <INPUT>, <OBJECT>, <SELECT> Y <TEXTAREA>.

Aclaración: un diseño con una distribución lógica de sus enlaces y controles mantendrá un adecuado orden de tabulación que hará innecesario el uso de este atributo. Se debe tener en cuenta que, en caso de existir un "tabindex" en la página, será necesario aplicarlo también a todos los elementos activos de la página.

Procedimiento con Dreamweaver.
Volver al punto de verificación 9.4