Principio 1/1.4 Distinguible/1.4.4-A

1.4.4-A. Redimensionar texto sin pérdida

1_Perceptible 1.4_Distinguible

• Nivel: AA
• Versión: 2.0
• Principio: 1_Perceptible
• Pauta: 1.4_Distinguible
• Grupo: Texto
• Subgrupo: Redimensionar

Discapacidades afectadas

Este criterio puede afectar a distintas personas con discapacidad. A continuación se indican las más relevantes.

• Baja visión – Barrera grave

Enunciado del criterio (Observatorio de Accesibilidad Web)

• Se debe poder aumentar el texto hasta el doble de su tamaño y que la página siga siendo legible sin que se pierda contenido o funcionalidad.

Comprensión del criterio

Descripción resumida

El texto debe poder ampliarse hasta un 200% desde las herramientas del navegador sin perder contenido ni funcionalidad. La interfaz debe adaptarse correctamente y no provocar solapamientos, cortes o textos ilegibles.

Objetivo

Permitir que las personas con baja visión accedan al contenido aumentando el tamaño del texto sin depender de magnificadores externos ni perder comprensión o funcionalidad.

Importancia de cumplir el criterio

Si el texto no se adapta correctamente cuando aumenta el tamaño, se puede perder información y usabilidad. El diseño flexible y el uso de unidades relativas (como em o '%') facilitan el cumplimiento del criterio.

Referencias WCAG

• G142: Using a technology that has commonly-available user agents that support zoom

Recursos de apoyo

Consejos

• Usar unidades relativas (`em`, `rem`, `%`) y no valores fijos.
• Verificar que el contenido no se corta, solapa ni desaparece al aumentar texto.
• Permitir ampliación del 200% sin pérdida de funcionalidad.
• Ofrecer controles propios de aumento de texto como mejora opcional.

Evaluación del criterio

Tipo de evaluación

Evaluación Manual

Procedimiento de evaluación

1. Paso 1. Utilizando el navegador, aumentar el zoom hasta el 200%.
2. Paso 2. Verificar que todos los contenidos de la página son legibles.

Resultado esperado

El texto se puede ampliar hasta el 200% sin pérdida de contenido ni de funcionalidad y sin necesidad de herramientas externas.

Ejemplo

Codigo HTML con visualización flexible, se indica unidad REM para indicar el tamaño del texto.

<style>
body { font-size: 1rem; }
</style>

El uso de unidades relativas permite el escalado correcto del texto.

Otras herramientas de evaluación

• Aumento del texto en navegador: ampliar solo el tamaño del texto hasta el 200% (sin zoom completo), usando la opción “Tamaño de texto” o “Solo texto”, y comprobar que no se pierde contenido ni funcionalidad.
• Inspección visual: verificar que el texto no se solapa, corta, ni obliga a hacer scroll horizontal excesivo; comprobar que botones, menús y formularios siguen siendo legibles y utilizables.
• Inspección del navegador: revisar estilos CSS para evitar unidades fijas (p. ej., px) y asegurar el uso de unidades relativas (rem, em, %) para el texto.
• Pruebas con tecnologías asistivas: (ZoomText, herramientas de ampliación del Sistema Operativo) comprobar que la funcionalidad se mantiene y el foco no se pierde al aumentar el tamaño del texto.

Comentarios

A continuación se muestran comentarios sobre el criterio 1.4.4-A. Redimensionar texto sin pérdida

Loading comments...