Varios enlaces de omisión para páginas grandes

En una página pequeña, un enlace de salto es suficiente. Pero los diseños complejos tienen varias regiones repetidas, y los usuarios pueden querer acceder a algo más que main.

Alguien puede querer acceder al cuadro de búsqueda, a la navegación principal o al pie de página, no siempre al artículo. Ofrezca los destinos que realmente necesitan.

Un conjunto habitual es Skip to content, Skip to navigation, Skip to search. Manténgalo breve para que la propia lista no se convierta en una molestia.

Incluya los enlaces para omitir contenido en una pequeña región nav para que se interpreten como un conjunto coherente de atajos en la parte superior de la página.

Asigne al contenedor un aria-label como Skip links. Sin un nombre, dos navs de una misma página suenan idénticos para quien usa un lector de pantalla.

Cada atajo sigue necesitando un id real al que llegar. Skip to search apunta a la región de búsqueda, Skip to nav al menú, y así sucesivamente.

Al igual que antes, añada tabindex menos uno a cada destino para que el foco se desplace allí de forma fiable al activar el enlace correspondiente.

Resista la tentación de añadir un atajo para todo. Demasiados enlaces para omitir contenido se convierten en su propio bloque de contenido repetido por el que hay que tabular.

Recuerde que unos landmarks bien definidos ya permiten a quienes usan lectores de pantalla saltar de una región a otra. Los enlaces de salto adicionales sirven principalmente a usuarios de teclado que ven la pantalla.

Enumere los atajos en un orden lógico, normalmente con el contenido primero, ya que es a lo que vino la mayoría de las personas. Coloque los menos habituales al final.

Tabule por el conjunto y active cada enlace. Confirme que el foco llegue siempre a la región correcta, no a un elemento adyacente. ✅

En páginas grandes, ofrezca algunos enlaces para omitir contenido dentro de un nav con nombre, cada uno con su propio destino enfocable. Mantenga el conjunto breve y priorice el contenido. 🎯