Principio 1/1.4 Distinguible/1.4.4-A

De WCAG Wiki

1.4.4-A. Redimensionar texto sin pérdida

Discapacidades afectadas

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

Enunciado del criterio (Observatorio de Accesibilidad Web)

  • Todo el texto puede ser ajustado sin productos de apoyo hasta un 200% sin pérdida de contenido o de funcionalidad. Este criterio no aplica ni a los subtítulos ni a las imágenes de texto.

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: Uso de tecnologías con soporte de zoom en navegadores comunes

Recursos de apoyo

  • 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 Comprobación manual

Procedimiento de evaluación

  1. Paso 1. Aumentar el zoom del navegador hasta el 200%.
  2. Paso 2. Verificar que el contenido sigue siendo completamente legible y funcional.
  3. Paso 3. Comprobar formularios, botones, menús y navegación.

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

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

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

Ejemplo no accesible: 

<style>
body { font-size: 14px; }
</style>

Texto fijado en px, puede impedir escalado adecuado.

Otras herramientas de evaluación

  • Zoom del navegador
  • Herramientas de inspección










Ejemplos accesibles y no accesibles creados por alumnos

Comentarios

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

Loading comments...




Obtenido de «https://wikiwcag.udl.cat/index.php?title=Principio_1/1.4_Distinguible/1.4.4-A&oldid=3342»