ALGUNAS FORMAS DE IMPLEMENTACIÓN

Ejemplos:

• En una página web que contiene un árbol de controles interactivos, el usuario puede utilizar las teclas de flecha para moverse de un nodo a otro. Al pulsar la tecla de flecha izquierda se expande un nodo, a continuación, utilizando los movimientos de flecha hacia abajo en los nuevos nodos expandidos.
• Una página Web implementa a través de cuadros de diálogo mediante scripts. Cuando el botón disparador se activa, un cuadro de diálogo se abre. Los elementos interactivos en el cuadro de diálogo se insertan en el orden del foco inmediatamente después de que el botón. Cuando el diálogo está abierto, el orden del foco va desde el botón de los elementos del cuadro de diálogo, a continuación, al elemento interactivo siguiendo el botón. Cuando el diálogo se cierra, el orden del foco va desde el botón con el elemento siguiente.
• Una página Web implementa a través de cuadros de diálogo mediante scripts. Cuando el botón disparador se activa, se abre un diálogo y enfoque se ajusta en el primer elemento interactivo en el cuadro de diálogo. Mientras el diálogo está abierto, el enfoque se limita a los elementos de la ventana de diálogo. Cuando el diálogo es despedido, se vuelve a la tecla o el elemento siguiente al botón.
• Una página Web HTML se crea con la navegación en la izquierda justo después del contenedor body y con estilos usando CSS para que aparezca en la parte izquierda de la página. Esto se hace para permitir que el foco pueda pasar al contenido principal sin necesidad de atributos tabindex o JavaScript.
• Nota: Si bien este ejemplo se pasa el criterio de éxito, no es necesariamente cierto que todo posicionamiento CSS haría. Ejemplos más complejos de posicionamiento puede o no puede preservar significado y operabilidad
• El siguiente ejemplo no cumple con el Criterio de éxito: un sitio web de una empresa incluye un formulario que recoge datos de marketing y permite a los usuarios suscribirse a varios boletines publicados por la empresa. La sección del formulario de recogida de datos de marketing incluye campos como el nombre, dirección, ciudad, estado o provincia y código postal. Otra sección del formulario incluye varias casillas de verificación para que los usuarios pueden indicar los boletines que desea recibir. Sin embargo, el orden de tabulación de los contenedores de formulario entre los campos de las distintas secciones del formulario, de modo que el foco se mueva desde el campo de nombre a una casilla de verificación, a continuación, a la dirección de la calle, y luego a otra casilla.

Técnicas:

•  G59
• H4: Crear un orden de tabulado lógico a través de los enlaces, controles de formulario y objetos.

Ejemplo:

{code}

<form action="#" method="post">
 <table summary="the first column contains the search criteria 
  of the groom, the second column the search criteria of 
  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>  

{/code}

• SCR26,
• SCR37,
• SCR27