H4Crear un orden de tabulación lógico entre enlaces, controles de formulario y objetos

Un formulario de búsqueda genealógica busca registros matrimoniales. El formulario de búsqueda incluye varios campos de entrada para la novia y el novio. El formulario está marcado con una tabla de datos que incluye los campos del novio en la primera columna y los campos de la novia en la segunda columna. El orden en el contenido es fila por fila, pero el autor considera más lógico recorrer el formulario columna por columna. De este modo, todos los criterios del novio pueden rellenarse antes de pasar a los criterios de la novia. Los atributos tabindex de los campos de entrada se usan para especificar un orden de tabulación que recorre el formulario columna por columna.

<form action="#" method="post">
 <table summary="the first column contains the search criteria of
  the groom, the second column the search criteria of 
  the bride">
 <caption>Search for marriage records</caption>
 <tr>
   <th>Search criteria</th>
   <th>Groom</th>
   <th>Bride</th>
 </tr>
 <tr>
  <th>First name</th>
  <td><input type="text" size="30" value="" name="groomfirst" 
      title="First name of the groom" tabindex="1"></td>
  <td><input type="text" size="30" value="" name="bridefirst" 
       title="First name of the bride" tabindex="4"></td>
 </tr>
 <tr>
  <th>Last name</th>
  <td><input type="text" size="30" value="" name="groomlast" 
      title="Last name of the groom" tabindex="2"></td>
  <td><input type="text" size="30" value="" name="bridelast" 
      title="Last name of the bride" tabindex="5"></td>
 </tr>
 <tr>
  <th>Place of birth</th>
  <td><input type="text" size="30" value="" name="groombirth" 
      title="Place of birth of the groom" tabindex="3"></td>
  <td><input type="text" size="30" value="" name="bridebirth" 
      title="Place of birth of the bride" tabindex="6"></td>
 </tr>
</table>
</form>

Una página web contiene un campo de búsqueda en la esquina superior derecha. Al campo se le asigna tabindex="1" para que sea el primero en el orden de tabulación, aunque no sea el primero en el orden del contenido.

Los valores de tabindex no tienen que ser consecutivos ni empezar por ningún valor en particular. Tampoco tienen que ser únicos. Los elementos que tienen valores de tabindex idénticos se recorren en el orden en que aparecen en el flujo de caracteres.

En las secciones del contenido en las que el orden de tabulación sigue el orden del contenido, puede ser menos propenso a errores asignar a todos los elementos el mismo valor de tabindex que especificar un número distinto para cada elemento. Así resulta fácil reorganizar esos elementos o añadir otros nuevos y mantener un orden de tabulación lógico.

<a href="xxx" tabindex = "1">First link in list</a>
<a href="xxx" tabindex = "1">Second link in list</a>
<a href="xxx" tabindex = "1">Link that was added long 
  after the original list was created</a>
<a href="xxx" tabindex = "1">Third link in list</a>
  ...
<a href="xxx" tabindex = "1">Twentieth link in list</a>