Addaw, ir a inicio Donar

Técnica Técnicas generales WCAG 2.2

G142Permitir ampliar el contenido con el zoom del navegador

Nombre oficial en el W3C: Usar una tecnología cuyos agentes de usuario habituales admitan el zoom

En pocas palabras

Los navegadores y los lectores de PDF tienen un zoom que amplía toda la página a la vez. Si el contenido funciona bien con ese zoom al 200 %, se cumple el requisito de poder agrandar el texto. La clave es que al ampliar no se pierda nada ni deje de funcionar nada.

Por qué es importante

Muchas personas con baja visión y personas mayores amplían la página para leerla. Lo hacen con Ctrl y +, o con el gesto de pellizcar en el móvil.

Si al ampliar se cortan textos, se tapan botones o desaparece el menú, esas personas no pueden usar la web.

Cómo se hace

  1. Use HTML y CSS, o PDF, que los navegadores y visores saben ampliar de forma uniforme.
  2. No bloquee el zoom en el móvil: evite user-scalable=no y maximum-scale=1 en la etiqueta meta viewport.
  3. Evite contenedores de alto fijo que corten el texto al ampliar.
  4. Pruebe el zoom en varios navegadores, porque esta técnica depende de cómo lo haga cada uno.

Cómo comprobarlo

  1. Abra la página en el navegador.
  2. Amplíe al 200 % con Ctrl y + (en Mac, Cmd y +).
  3. Compruebe que se ve todo el contenido, sin textos cortados ni superpuestos.
  4. Compruebe que menús, botones y formularios siguen funcionando.
  5. Repita la prueba en otros navegadores y, si hay PDF, en el visor de PDF.
Ver el texto completo del W3C (traducción al español)

Esta es una traducción no oficial al español de la técnica G142 de Techniques for WCAG 2.2, del W3C. Puede contener errores. El único documento oficial y normativo es la versión original en inglés, publicada en el sitio web del W3C.

Aplicabilidad

Todas las tecnologías con capacidad de zoom proporcionada por el agente de usuario.

Descripción

El objetivo de esta técnica es garantizar que el contenido pueda ampliarse de forma uniforme utilizando una tecnología web compatible con agentes de usuario que cambian el tamaño del texto mediante una herramienta de zoom.

El contenido creado con tecnologías compatibles con agentes de usuario capaces de ampliar el contenido de forma uniforme (es decir, hacer zoom sobre el contenido) satisface este criterio de conformidad. Dado que esta técnica depende por completo de la funcionalidad del agente de usuario, es fundamental probarla con una amplia variedad de agentes de usuario.

Esta técnica exige que la función de zoom conserve todas las relaciones espaciales de la página y que toda la funcionalidad siga estando disponible.

Ejemplos

  • La mayoría de los navegadores modernos ofrecen una función de zoom que amplía de forma uniforme el contenido de las páginas HTML/CSS.
  • Para permitir a los usuarios cambiar el tamaño del texto, Adobe Reader ofrece una herramienta de ampliación que amplía las páginas PDF de forma uniforme.

Pruebas

Procedimiento

  1. Mostrar el contenido en un agente de usuario
  2. Ampliar el contenido al 200 %
  3. Comprobar si todo el contenido y toda la funcionalidad están disponibles

Resultados esperados

  • La comprobación n.º 3 es verdadera.

Cómo lo comprobamos en ADDAW

En cada auditoría de ADDAW revisamos esta técnica página a página y le entregamos los errores con capturas y la forma de corregirlos.

Solicitar una auditoría

Basado en la técnica G142 del W3C (WCAG 2.2). Explicación y ejemplos: ADDAW. Traducción no oficial del texto del W3C © W3C, licencia de documentos del W3C. ¿Ha visto un error? Escríbanos.