Técnica Técnicas generales WCAG 2.2
G179Asegurar que no se pierde contenido ni funcionalidad cuando se cambia el tamaño del texto y los contenedores de texto no cambian de ancho
En resumen
Esta técnica pide diseñar los bloques de texto de forma que, al ampliar el texto hasta el 200 % sin que cambie el ancho de sus contenedores, el contenido siga visible: el texto debe poder ajustarse en varias líneas, el bloque crecer en altura o mostrar barras de desplazamiento. Beneficia a las personas con baja visión que amplían el texto desde el navegador y evita textos recortados o superpuestos. Es aplicable a cualquier tecnología que reajuste el texto al cambiar el tamaño de la ventana.
Aplicabilidad
Todas las tecnologías que reajustan el texto cuando se cambia el tamaño de las ventanas.
Descripción
Algunos agentes de usuario permiten cambiar el tamaño del texto sin modificar las demás dimensiones del contenedor del texto. Puede producirse una pérdida de contenido o de funcionalidad cuando el texto desborda el espacio que se le había asignado. Sin embargo, las propiedades de maquetación pueden ofrecer una manera de seguir mostrando el contenido de forma eficaz. Los bloques pueden definirse con un ancho suficiente para que el texto no desborde al ampliarlo al 200 %. El texto puede ajustarse en varias líneas cuando ya no cabe en el bloque, y el bloque puede ser lo bastante alto para que todo el texto siga cabiendo en él. El bloque puede ofrecer barras de desplazamiento cuando el texto ampliado ya no cabe.
Ejemplos
Una maquetación de página con varias columnas
Se utilizan HTML y CSS para crear una maquetación de dos columnas para una página de texto. Al usar el valor predeterminado de la propiedad white-space, normal, el texto se ajusta en varias líneas. Así, a medida que el tamaño del texto se aumenta al 200 %, el texto se reajusta y la columna de texto se alarga. Si la columna es demasiado larga para la ventana gráfica (viewport), el agente de usuario proporciona barras de desplazamiento para que el usuario pueda desplazar el texto y verlo, porque el autor ha especificado la regla CSS overflow:scroll u overflow:auto.
Una maquetación de periódico con bloques de texto en columnas. Los bloques tienen un ancho fijo, pero no se ha definido su altura. Cuando se cambia el tamaño del texto en el navegador, el texto se ajusta en varias líneas y hace que los bloques sean más altos.
Pruebas
Procedimiento
- Aumentar el tamaño del texto al 200 %.
- Comprobar si todo el contenido y toda la funcionalidad siguen disponibles.
Resultados esperados
- La comprobación n.º 2 es verdadera.
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 G179 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.
