Técnica CSS WCAG 2.2
C24Usar valores porcentuales en CSS para la anchura de los contenedores
En resumen
Esta técnica consiste en definir la anchura de los contenedores de texto en porcentajes, de modo que al ampliar el tamaño del texto (hasta un 200 %) este se reajuste dentro de la ventana del navegador sin obligar a desplazarse horizontalmente para leer cada línea. Beneficia sobre todo a las personas con baja visión que aumentan el tamaño de la letra, y es una buena práctica para cualquier maquetación fluida.
Aplicabilidad
CSS
Descripción
El objetivo de esta técnica es permitir a los usuarios aumentar el tamaño del texto sin tener que desplazarse horizontalmente para leerlo. Para aplicar esta técnica, el autor especifica la anchura de los contenedores de texto con valores porcentuales.
Ejemplos
Un periódico tiene el contenido en el centro de la ventana. La anchura del contenedor del contenido se especifica en porcentajes de la página, de modo que cuando una persona con baja visión aumenta el tamaño de la fuente, el texto se reajusta dentro de la ventana del navegador al nuevo tamaño y no es necesario desplazarse horizontalmente.
Pruebas
Procedimiento
- Comprobar que todas las anchuras de los contenedores están especificadas con valores porcentuales.
- Aumentar el tamaño del texto al 200 %.
- Comprobar que no es necesario desplazarse horizontalmente para leer ninguna línea de texto.
- Comprobar que todo el texto sigue siendo visible en la página.
Resultados esperados
- Las comprobaciones n.º 1, n.º 3 y n.º 4 son verdaderas.
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 C24 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.
