Skip to content

Comprobación de zoom en el meta viewport ​

https://www.w3.org/WAI/standards-guidelines/act/rules/b4f0c3

Resumen ​

Se ha implementado una mejora en la suite de reflow que incluye comprobar que el meta viewport permite hacer zoom hasta el 200 %.

Nueva funcionalidad ​

1. Test Step IsZoomeable ​

Ubicación: src/a11y_test_definitions/test_step/common.py

Funcionalidad:

  • Verifica que el meta viewport no impida el zoom hasta el 200 %.
  • Implementa la regla «Meta viewport allows for zoom».
  • Se ejecuta antes de los tests de reflow para detectar restricciones de forma temprana.

Casos que PASAN:

html
<meta name="viewport" content="user-scalable=yes" />
<meta name="viewport" content="maximum-scale=2.0" />
<meta name="viewport" content="maximum-scale=-1" />
<meta name="viewport" content="width=device-width" />

Casos que FALLAN:

html
<meta name="viewport" content="user-scalable=no" />
<meta name="viewport" content="maximum-scale=1.5" />
<meta name="viewport" content="maximum-scale=1.0" />
<meta name="viewport" content="maximum-scale=yes" />

Casos NO APLICABLES:

  • No hay meta viewport.
  • El meta viewport no tiene atributo content.
  • El content está vacío o no incluye propiedades de zoom.

2. Tests unitarios ​

Ubicación: tests/test_is_zoomeable.py

Cobertura:

  • Todos los casos PASS de la regla ACT.
  • Todos los casos FAIL de la regla ACT.
  • Todos los casos INAPPLICABLE de la regla ACT.
  • Casos límite: varios metas, mayúsculas/minúsculas, espacios en blanco.
  • Manejo de errores y excepciones.
  • Tests unitarios de los métodos auxiliares.

Beneficios ​

  • Verifica que el texto y el contenido se pueden redimensionar hasta el 200 %.
  • Detecta restricciones de viewport que impedirían el zoom.
  • Complementa los tests de pérdida de contenido.
  • Identifica problemas de viewport antes del test de zoom.
  • Evita falsos negativos en los tests de reflow.
  • Ofrece información específica sobre la restricción encontrada.
  • Puede generar su propio reporte.