Recetario de accesibilidad web

Capítulo 2. Estructurar páginas

Este trabajo se ha traducido utilizando IA. Agradecemos tus opiniones y comentarios: [e-mail]

En el Capítulo 1, aprendiste que los puntos de referencia pueden ser útiles para acceder a las principales áreas del sitio, como la cabecera, el contenido principal o el pie de página. Los puntos de referencia específicos de una página, como la navegación(Receta 2.1) o la búsqueda(Receta 2.2), pueden ayudar a los usuarios a ser aún más eficientes. Especialmente en páginas complejas con mucho contenido estructurado y diferentes elementos, proporcionar un acceso directo a ciertas partes cruciales de la IU puede ser de gran ayuda.

2.1 Crear puntos de referencia de navegación

Problema

No Independientemente de cómo accedan los usuarios a un sitio web, deben ser capaces de identificar las navegaciones. De lo contrario, no podrán encontrar el contenido que buscan, orientarse y navegar.

Solución

Identifica las navegaciones y habilita el acceso rápido a grupos significativos de enlaces, como la navegación principal (ver Ejemplo 2-1), las migas de pan (ver Ejemplo 2-2) o las navegaciones locales (ver Ejemplo 2-3).

Ejemplo 2-1. La navegación principal de un sitio

<header>
  <nav aria-label="Main"> 
    <ul>
      <li><a href="/home">Home</a></li>
      <li><a href="/products" aria-current="page">Products</a></li> 
      <li><a href="/team">Team</a></li>
      <li><