Esta traducción aún no ha sido revisada editorialmente. La versión alemana es la vinculante. Deutsche Fassung →
Barrierefreiheit
¿Debe permitirse que el texto de un sitio web se amplie al 200 por ciento?
Sí: los visitantes deben poder aumentar el texto de su sitio web al 200 por ciento (el doble del tamaño) sin perder contenido o funcionalidad. Muchas personas con visión que disminuye leen normalmente con visualización ampliada. El zoom del navegador lo hace automáticamente, siempre que el sitio web no lo bloquee o se rompa al ampliar.
El zoom del navegador es la lupa del web
Quién no puede leer letra pequeña bien presiona Ctrl y más en la computadora o separa dos dedos en el teléfono: la página crece. Para muchos visitantes mayores, este es el camino normal para leer sitios web en absoluto. La regla requiere que hasta el tamaño doble no se pierda nada: los textos no deben superponerse, los botones no deben salir de la pantalla, el contenido no debe cortarse. La violación más común e irritante es el bloqueo de zoom en el teléfono: una configuración de código que prohíbe completamente agrandar con dos dedos. Generalmente proviene de plantillas antiguas y se puede eliminar en minutos: la ganancia para visitantes con visión débil es enorme.
Así es como nuestro núcleo de medición comprueba la ampliabilidad
Nuestro núcleo de medición lee la configuración de visualización de su página y detecta de forma fiable los bloqueos de zoom: si el código prohíbe aumentar en el teléfono o lo limita por debajo del tamaño doble, el informe lo reporta como un hallazgo grave con explicación precisa. Además, la comprobación anota si su página ofrece su propio cambio de tamaño de fuente: es una comodidad, pero no reemplaza el zoom de navegador que funciona. Si la página se divide limpiamente cuando realmente se amplía depende mucho del criterio relacionado sobre envoltura, que nuestro núcleo de medición prueba en varios anchos de pantalla. El juicio general sobre el comportamiento al 200 por ciento es realizado por una persona en el Estándar Gold que opera la página ampliada.
Beispiele
Zoom gesperrt, Höhe fest
<meta name="viewport" content="width=device-width, maximum-scale=1, user-scalable=no">
<style>.karte { height: 120px; overflow: hidden; }</style><meta name="viewport" content="width=device-width, initial-scale=1">
<style>.karte { min-height: 120px; }</style>Bei 200 Prozent wächst der Text; Kästen mit fester Höhe schneiden ihn ab. min-height lässt ihn wachsen.
- Presione Ctrl y más en su sitio web hasta alcanzar el 200 por ciento: todo el contenido y los botones deben permanecer usables.
- Pruebe en el teléfono la ampliación de dos dedos: si no funciona, haga que eliminen el bloqueo de zoom del código.
- Pida a su agencia que establezca tamaños de fuente en unidades escalables en lugar de valores de píxel fijo.
- Pruebe después de ampliar especialmente menús y formularios: ahí es donde falla primero.
- Nunca confíe únicamente en su propio alternador de tamaño de fuente: el zoom del navegador siempre debe funcionar además.