Criterios de Perceptible
PerceptiblePauta 1.4 Distinguible
1.4.12Espaciado del texto
Nivel AALo exige la normativa (EN 301 549).
Qué pide
No se pierde contenido si el usuario aumenta el interlineado, el espacio entre letras, palabras y párrafos.
A quién ayuda: Personas con dislexia o baja visión que usan sus propios estilos.
Un caso real
Un usuario aplica una extensión que aumenta el interlineado a 1,5.
BienEl texto se reacomoda y los botones crecen.
MalLos textos de los botones se cortan porque tienen alto fijo.
Cómo aplicarlo en código
Contenedores que aguantan más espaciado
Si la persona aumenta el interlineado o el espacio entre letras, nada se debe cortar ni solapar.
.boton { min-height: 2.75rem; padding: .5rem 1rem; } /* sin altura fija */
.tarjeta p { overflow-wrap: anywhere; }.boton { height: 40px; overflow: hidden; white-space: nowrap; }Estilos para comprobarlo
Aplica estos valores (los del criterio) con las herramientas del navegador y revisa que todo se sigue leyendo.
* {
line-height: 1.5 !important;
letter-spacing: .12em !important;
word-spacing: .16em !important;
}
p { margin-bottom: 2em !important; }Cómo comprobarlo
Aplica un bookmarklet de espaciado de texto y revisa si algo se corta.