Técnica Técnicas generales WCAG 2.2
G178Proporcionar en la página web controles que permitan a los usuarios cambiar de forma progresiva el tamaño de todo el texto de la página hasta el 200 por ciento
En resumen
Esta técnica consiste en incluir en la propia página botones o enlaces para aumentar y reducir el tamaño de todo el texto, paso a paso, hasta llegar al 200 %. Está pensada para personas con baja visión que no usan software de magnificación ni conocen las opciones de zoom del navegador, por ejemplo personas mayores, y también para quienes necesitan un tipo de letra más grande por motivos cognitivos. Es útil además cuando no se pueden usar tipografías escalables.
Aplicabilidad
Todas las tecnologías.
Descripción
El propósito de esta técnica es proporcionar en la página web un mecanismo para aumentar de forma progresiva el tamaño del texto. Muchas personas con baja visión no utilizan software de magnificación y es posible que no conozcan los ajustes de tamaño de texto de su navegador. Esto puede ser especialmente cierto en el caso de personas mayores que se están iniciando en la informática a una edad avanzada y que pueden estar experimentando una pérdida de visión asociada a la edad. También puede ocurrir con algunas personas con discapacidad cognitiva que necesitan un tamaño de letra mayor.
Esta técnica proporciona un mecanismo que a algunos usuarios les resultará más fácil de usar. El mecanismo puede consistir en enlaces o botones que cambien la presentación visual a una hoja de estilos diferente, o en scripts que modifiquen el tamaño del texto de forma dinámica.
Para aplicar esta técnica, el autor proporciona controles que permiten al usuario aumentar o reducir de forma progresiva el tamaño de todo el texto de la página hasta un tamaño del 200 % respecto al tamaño de texto predeterminado.
Esto puede lograrse mediante enlaces, botones o imágenes enlazadas, y los propios controles deben ser lo más fáciles de encontrar posible (p. ej., situados en un lugar destacado de la página, presentados con un tamaño de texto mayor, con alto contraste, etc.).
Esta técnica también puede utilizarse en circunstancias en las que no es posible usar tipografías escalables, como en situaciones con código heredado.
Esta técnica puede usarse en combinación con una técnica de cambio de estilos para presentar una página que sea una versión alternativa conforme de un contenido no conforme. Para más información, consulte C29: Usar un selector de estilos para proporcionar una versión alternativa conforme y Comprender las versiones alternativas conformes.
Ejemplos
- Un artículo de periódico tiene dos botones cerca de la parte superior de la página. El botón «aumentar el tamaño del texto» muestra una letra «T» grande con una flecha hacia arriba y el botón «reducir el tamaño del texto» muestra una letra «T» pequeña con una flecha hacia abajo. Cada botón tiene un texto
alt. - Un sitio dispone de varias hojas de estilo con distintos tamaños de texto. El usuario puede elegir cualquiera de las hojas de estilo si su navegador ofrece esta funcionalidad. Además, cada página incluye los enlaces «Aumentar el tamaño del texto» y «Reducir el tamaño del texto», que cambian la hoja de estilos aplicada en ese momento por la hoja de estilos alternativa correspondiente.
- Un sitio incluye en todas las páginas web el texto «Cambiar el tamaño del texto:» seguido de los enlaces de texto «Subir» y «Bajar». Los enlaces ejecutan un JavaScript que modifica el valor de la propiedad de tamaño de texto en consecuencia.
- Un sitio incluye en todas las páginas un enlace que dice «Cambiar el tamaño del texto». La página resultante incluye una serie de enlaces con opciones que representan los tamaños disponibles. Los enlaces dicen «Tamaño de letra mínimo», «Tamaño de letra pequeño», «Tamaño de letra predeterminado», «Tamaño de letra grande», etc. Unas instrucciones que preceden a la lista indican a los usuarios que elijan un enlace para cambiar al tamaño de letra deseado.
Pruebas
Procedimiento
- Ajustar el tamaño de la ventana gráfica (viewport) a 1024 px por 768 px o más.
- Aumentar el tamaño del texto y comprobar si el tamaño del texto ha aumentado.
- Comprobar que el tamaño del texto puede aumentarse hasta el 200 % del tamaño original.
- Comprobar que, tras aumentar el tamaño del texto al 200 % del tamaño original, no hay pérdida de contenido ni de funcionalidad (p. ej., ninguna parte del texto queda recortada, las cajas no se superponen, los controles no quedan ocultos ni separados de sus etiquetas, etc.).
- Reducir el tamaño del texto hasta su valor predeterminado y comprobar si efectivamente ha vuelto al tamaño predeterminado.
Resultados esperados
- Las comprobaciones n.º 2, n.º 3, n.º 4 y n.º 5 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 G178 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.