Técnica CSS WCAG 2.2
C36Permitir que se modifique el espaciado del texto
En resumen
Esta técnica explica cómo dejar que los párrafos y otros bloques de texto crezcan libremente (sin fijar su altura con CSS) para que, cuando el usuario aumente el espaciado entre líneas, letras o palabras, el texto se ajuste en más líneas sin cortarse ni solaparse. Beneficia a personas con baja visión o dificultades de lectura y es la forma más sencilla de cumplir el criterio 1.4.12 Espaciado del texto.
Descripción
El objetivo de esta técnica es permitir que el usuario modifique el espaciado del texto mediante una hoja de estilos de usuario, un bookmarklet, una extensión o una aplicación. Aumentar el espaciado entre párrafos, líneas, palabras y caracteres beneficia a las personas con baja visión o con algunas discapacidades cognitivas. El contenido debe admitir cambios de espaciado sin pérdida de contenido ni de funcionalidad, por lo que los contenedores de texto deben tener espacio para que el texto se expanda o bien el propio contenedor debe poder expandirse. Esta técnica se aplica normalmente a cadenas de texto cortas, como las de una barra de navegación, ya que las cadenas de texto más largas tienen cada vez más probabilidades de necesitar ajuste de línea para resultar legibles cuando se cambian los estilos.
En idiomas como el inglés, si los autores no establecen la propiedad height de CSS, es más fácil garantizar que los párrafos se expandan. Los párrafos deben permitir que el texto crezca verticalmente en los idiomas o sistemas de escritura que se leen en horizontal, como el inglés, o que crezca horizontalmente en los idiomas o sistemas de escritura que se leen en vertical.
Ejemplos
Cuando el usuario adapta la página para aumentar el espaciado del texto, el texto cabe dentro de los límites de su caja contenedora.
Un párrafo se expande verticalmente dentro de su contenedor
El CSS
<style>
/* CSS: No height property is set.*/
</style>El HTML
<div class="card">
<img alt="" src="image.png">
<h3>Heading</h3>
<p class="lede">Long lede paragraph...</p>
</div>Ninguno de los párrafos de esta página tiene una altura especificada, por lo que todos están utilizando, en la práctica, esta técnica.
Pruebas
Procedimiento
Para los elementos que contienen texto pensado para ajustarse en varias líneas:
- Establecer el nivel de zoom al 100 %.
- Usar una herramienta u otro mecanismo para aplicar las métricas de espaciado del texto (altura de línea y espaciado entre párrafos, letras y palabras), como el Text Spacing Bookmarklet o un complemento del navegador de estilos de usuario.
- Comprobar que todo el contenido y la funcionalidad siguen disponibles; p. ej., que el texto de los contenedores no queda truncado ni se solapa con otro contenido.
Resultados esperados
- La comprobación n.º 3 es verdadera.
Cuando una página tiene varias disposiciones (p. ej., en un diseño adaptable), el espaciado del texto debe probarse en cada una de ellas.
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 C36 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.
