Saltar al contenido
Pon el foco
Criterios de Operable

OperablePauta 2.4 Navegable

2.4.5Múltiples vías

Nivel AALo exige la normativa (EN 301 549).

Qué pide

Hay más de una forma de llegar a cada página: menú, buscador, mapa web…

A quién ayuda: Personas con dificultades cognitivas o visuales.

Un caso real

El portal de una diputación con cientos de trámites.

BienHay menú, buscador y mapa web.
MalSolo se puede llegar a un trámite navegando por cinco niveles de menú.

Cómo aplicarlo en código

Menú, buscador y mapa del sitio

El elemento search marca la zona de búsqueda como región, igual que nav marca la navegación.

HTML
<nav aria-label="Principal">…</nav>

<search>
  <form action="/buscar">
    <label for="q">Buscar en la web</label>
    <input id="q" name="q" type="search">
    <button>Buscar</button>
  </form>
</search>

<footer>
  <a href="/mapa-del-sitio">Mapa del sitio</a>
</footer>

Cómo comprobarlo

Comprueba que existen al menos dos mecanismos de navegación.

Understanding 2.4.5 (W3C, en inglés)