Criterios de Comprensible
ComprensiblePauta 3.2 Predecible
3.2.3Navegación coherente
Nivel AALo exige la normativa (EN 301 549).
Qué pide
Los menús repetidos aparecen en el mismo orden en todas las páginas.
A quién ayuda: Personas con baja visión o dificultades cognitivas.
Un caso real
El menú principal de un ayuntamiento.
BienEl menú es igual en todas las secciones.
MalEl orden de las opciones cambia de una sección a otra.
Cómo aplicarlo en código
Un único componente de navegación
Si todas las páginas usan el mismo layout, el menú aparece siempre en el mismo sitio y en el mismo orden.
---
// src/layouts/Layout.astro
import Cabecera from "../components/Cabecera.astro";
import Pie from "../components/Pie.astro";
---
<Cabecera />
<main id="contenido"><slot /></main>
<Pie /><!-- inicio.html -->
<nav><a href="/">Inicio</a> <a href="/tienda">Tienda</a> <a href="/contacto">Contacto</a></nav>
<!-- tienda.html -->
<nav><a href="/contacto">Contacto</a> <a href="/">Inicio</a> <a href="/tienda">Tienda</a></nav>Cómo comprobarlo
Compara el orden de la navegación en varias páginas.