Técnica CSS WCAG 2.2
C21Especificar un interlineado en CSS
En resumen
Esta técnica consiste en definir con la propiedad line-height de CSS un interlineado de entre 1,5 y 2 veces el tamaño de la fuente en los bloques de texto. Un espaciado mayor que el sencillo ayuda a muchas personas con discapacidades cognitivas o dificultades de lectura a seguir las líneas sin perderse y a localizar el inicio de la siguiente. Es una medida sencilla que mejora la legibilidad de cualquier página.
Aplicabilidad
CSS
Descripción
Muchas personas con discapacidades cognitivas tienen dificultades para seguir las líneas de texto cuando un bloque de texto tiene interlineado sencillo. Proporcionar un espaciado de entre 1,5 y 2 les permite empezar una nueva línea con más facilidad una vez que han terminado la anterior.
Ejemplos
Establecer en el elemento una altura de línea de 1,5
En la hoja de estilos, defina las características del elemento.
body { line-height: 1.5; }Esto establece en 1,5 la altura de línea de todo el contenido del cuerpo del documento.
Pruebas
Procedimiento
- Abrir el contenido en un navegador.
- Comprobar que el espaciado entre las líneas de los bloques de texto está entre 1,5 y 2.
Resultados esperados
- La comprobación n.º 2 es verdadera.
Recursos
-
CSS3 Line spacing: the
line-heightproperty (interlineado en CSS3: la propiedadline-height). - Eric Meyer - Unitless line heights (alturas de línea sin unidades)
Cómo lo comprobamos en ADDAW
En las auditorías de accesibilidad de ADDAW revisamos cada criterio de conformidad siguiendo este catálogo de técnicas: comprobamos si la web aplica una técnica suficiente y documentamos cada fallo común con capturas y el código afectado, para que el equipo de desarrollo sepa exactamente qué corregir. Los informes siguen la metodología del Observatorio de Accesibilidad y la norma UNE-EN 301 549.
Fuente y licencia
Traducción al español, no oficial, realizada por ADDAW a partir de la técnica C21 del documento «Techniques for WCAG 2.2» del W3C (versión del repositorio público del W3C a 22/10/2026). Copyright © W3C® (MIT, ERCIM, Keio, Beihang). Se publica conforme a la licencia de documentos del W3C. El texto normativo de referencia es el original en inglés; si detecta un error en la traducción, escríbanos.
