Esta traducción aún no ha sido revisada editorialmente. La versión alemana es la vinculante. Deutsche Fassung
Responsive
¿Qué tan grande debe ser el texto en el teléfono inteligente?
En una pantalla que está en la mano, el tamaño de la fuente decide si un texto es leído o borrado. Google recomienda al menos 16 píxeles para el texto de flujo y devalues páginas cuyo texto permanece por debajo de 12 píxeles — el lector tendría que acercarse, y muchos no lo hacen. El área de prueba responsable mide cada nodo de texto visible en los perfiles de dispositivo móvil y cuenta cuántos de ellos están por debajo de 12 píxeles. El hallazgo menciona el número, el tamaño más pequeño encontrado y un elemento de ejemplo.
Lo que se mide y lo que no
Los perfiles smartphone con 390 y 320 píxeles ancho, ya que el navegador realmente muestra la página – con todos los estilos, consultas multimedia y factores de aumento. Un nodo de texto cuenta cuando es visible y contiene al menos tres caracteres. Posiciones altas y bajas, elementos plegados, áreas ocultas y todo dentro de scripts permanecen fuera; No son un libro de texto. El resultado es una línea de verificación por perfil: pasa si ningún texto es inferior a 12 píxeles, de lo contrario pasa con el número de pasajes de texto, el tamaño más pequeño y el elemento en el que se encontró. Como cualquier comprobación receptiva, esto también se mide dos veces; el menor de los dos valores cuenta.
¿De dónde viene la escritura demasiado pequeña
Raramente es la escritura básica demasiado pequeña — Por lo general son textos secundarios: leyendas, pies, avisos legales, etiquetas en formas, precios en baldosas. Están diseñados en el escritorio, donde 11 píxeles parecen legibles, y ya no se ajustan en el teléfono. Así como a menudo se escalan en porcentaje o em, que se multiplican a través de varios niveles: el 80 por ciento de la fuente básica produce 10 píxeles al final. La corrección es un límite inferior en las especificaciones de estilo para anchos móviles — 12 píxeles como piso, 16 para el texto de flujo — y la omisión de tamaños relativos anidados. Si desea mantener los textos secundarios pequeños, utilice el color y la distancia, no el tamaño.
- En las especificaciones de estilo para anchos móviles, establece un límite inferior de 12 píxeles y 16 píxeles para el texto de flujo.
- Revise los pies, las leyendas, las etiquetas de formularios y los azulejos, ahí es donde la pequeña fuente casi siempre se sienta.
- Evite los tamaños relativos anidados (porcentaje, em) que se contraen a través de múltiples niveles; rem siempre se refiere a la escritura básica.
- Vea la página en un teléfono real, no sólo en la ventana del navegador escalada.
