Cambio de tamaño del texto
El texto debe permanecer legible y funcional al ampliar hasta el 200% sin pérdida de contenido ni de funcionalidad. Los subtítulos y las imágenes de texto están exentos.
Qué se exige
Cuando un usuario amplía el texto al 200% —mediante el zoom del navegador, el escalado de texto del sistema operativo o el gesto de pellizco para ampliar— la página debe seguir siendo funcional. Sin texto recortado, sin contenedores que se superpongan, sin funcionalidad perdida, sin necesidad de desplazamiento horizontal para leer las oraciones. Este criterio de conformidad es anterior al criterio 1.4.10 Redistribución, que es más estricto; cumplir Redistribución generalmente implica cumplir 1.4.4 de forma automática.
Cómo cumplir este criterio
- Utilizar unidades relativas (
rem,em,%) para los tamaños de fuente y las alturas de los contenedores, en lugar de valores de píxel fijos que no pueden crecer. - Evitar declaraciones de
heightfijas en contenedores de texto; utilizarmin-heightsi es imprescindible. - No establecer metaetiquetas de
viewportque deshabiliten el zoom del usuario (user-scalable=noomaximum-scale=1). - Construir maquetaciones flexibles (flexbox, CSS grid) para que los contenedores crezcan con su contenido.
- Probar con zoom de navegador al 200% en un viewport de escritorio típico; comprobar que los encabezados, los botones y los campos de formulario no se superpongan.
Fallos habituales
<meta name="viewport" content="user-scalable=no">que bloquea el zoom en dispositivos móviles; también es un fallo persistente del criterio 1.4.4.- Botones con altura en píxeles fija que recortan el texto de la etiqueta al 200% de zoom.
- Menús de navegación que desbordan su contenedor al 200% y se vuelven inaccesibles.
- Diálogos modales dimensionados en píxeles que ya no contienen su contenido al ampliar.
- Etiquetas de formulario que se desplazan al área del campo siguiente cuando el texto crece.
Por qué importa
Las personas con baja visión utilizan habitualmente el zoom al 150-200% como configuración diaria. Incumplir el criterio 1.4.4 significa que esos usuarios no pueden leer la página o tienen que desplazarse horizontalmente en cada línea; en ambos casos, abandonarán el sitio. La corrección generalmente implica pasar de px a rem en los tokens de diseño, lo que constituye una refactorización puntual.