ALGUNAS FORMAS DE IMPLEMENTACIÓN

Ejemplo:

La página de inicio de una organización de noticias contiene una historia principal en el centro de la página, rodeado de muchos bloques y barras laterales para publicidad, búsqueda y otros servicios. Hay un enlace en la parte superior de la página que salta a la historia principal. Sin utilizar este enlace, el usuario necesita teclado para desplazarse por aproximadamente 40 enlaces para llegar a la historia principal, el usuario del lector de pantalla tiene que escuchar a 200 palabras, y el usuario magnificador de pantalla debe buscar alrededor de la ubicación del cuerpo principal.

Técnicas:

• G123: Añadir un enlace para ir desde la parte superior de un bloque hasta la parte inferior y viceversa.

Ejemplo:

Página HTML con muchos bloques de navegación, el usuario puede navegar por secciones desde la parte superior hasta la parte inferior usando enlaces.

{code}

 <p><a href="#content">Content title</a></p>
    <h2>Main Navigation</h2>
    <ul>
      <li><a href="#subnav">Sub Navigation</a></li>
      <li><a href="/a/">Link A</a></li>
      <li><a href="/b/">Link B</a></li>
      <li><a href="/c/">Link C</a></li>
      ...
      <li><a href="/j/">Link J</a></li>
    </ul>
    <div class="iekbfix">
      <h2 id="subnav">Sub Navigation</h2>
         <ul>
           <li><a href="#ultranav">Ultra Sub Navigation</a></li>
           <li><a href="/suba/">Sub A</a></li>
           <li><a href="/subb/">Sub B</a></li>
           <li><a href="/subc/">Sub C</a></li>
           ...
           <li><a href="/subj/">Sub J</a></li>
          </ul>
    </div>
    <div class="iekbfix">
        <h2 id="ultranav">Ultra Sub Navigation</h2>
           <ul>
             <li><a href="#content">Content title</a></li>
             <li><a href="/ultraa/">Ultra A</a></li>
             <li><a href="/ultrab/">Ultra B</a></li>
             <li><a href="/ultrac/">Ultra C</a></li>
             ...
             <li><a href="/ultraj/">Ultra J</a></li>
            </ul>
     </div>
     <div>
       <h2 id="content">Content title</h2>
          <p>Now that I have your attention...</p>
       </div>

{/code}

•  H69, PDF9, H50, H70, SCR28, SL29