Criterios de Perceptible
PerceptiblePauta 1.4 Distinguible
1.4.10Reajuste del contenido (reflow)
Nivel AALo exige la normativa (EN 301 549).
Qué pide
El contenido se ve sin desplazamiento horizontal a 320 px de ancho (equivale a un zoom del 400 %).
A quién ayuda: Personas con baja visión que usan mucho zoom.
Un caso real
Un usuario amplía al 400 % la página de una aerolínea.
BienEl diseño pasa a una columna y todo se lee desplazándose solo en vertical.
MalHay que desplazarse a izquierda y derecha para leer cada línea.
Cómo aplicarlo en código
Diseño que se adapta a 320 px de ancho
A 320 px (o al 400 % de zoom) no debe aparecer scroll horizontal en la página. Las tablas de datos pueden desplazarse dentro de su propio contenedor.
.rejilla {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(min(100%, 16rem), 1fr));
gap: 1rem;
}
img { max-width: 100%; height: auto; }
.tabla-desplazable { overflow-x: auto; }.contenedor { width: 1200px; }
.columna { float: left; width: 400px; }Cómo comprobarlo
Pon la ventana a 1280 px y amplía al 400 %, o usa 320 px de ancho.