Texto pequeño en escritorio
Silktide mide el tamaño del texto que ven las personas cuando tus páginas se muestran en una pantalla de escritorio y señala el texto que se renderiza por debajo de 12 píxeles. Un texto tan pequeño es difícil o imposible de leer para muchas personas.
Por qué es importante
Las pantallas de escritorio están más alejadas del lector que un teléfono, por lo que el texto pequeño es proporcionalmente más difícil de leer allí. El texto por debajo de 12 píxeles excluye a lectores con baja visión, fatiga a los lectores de más edad y obliga al resto a inclinarse o hacer zoom. Las principales directrices de diseño coinciden en 12 a 14 píxeles como mínimo práctico para el cuerpo de texto en escritorio.
El texto pequeño rara vez es una elección deliberada: suele colarse a través de textos legales estándar, pies de página y contenidos incrustados de terceros que nadie vuelve a leer.
Cómo solucionarlo
- Aumenta el tamaño de la fuente en tu al menos a 12 px y, preferiblemente, a 16 px para el cuerpo de texto.
/* Problema: demasiado pequeño para leerse cómodamente en escritorio */
.footer-note { font-size: 10px; }
/* Solución: usa un tamaño legible, idealmente en unidades relativas */
.footer-note { font-size: 0.875rem; } /* 14 px con la configuración predeterminada */
- Prefiere unidades relativas (
rem,em) frente a píxeles fijos, para que el texto también se escale cuando los usuarios cambien el tamaño de fuente predeterminado de su navegador. - Si el texto señalado realmente está bien a ese tamaño —por ejemplo, una floritura decorativa— puedes el hallazgo.
Cómo lo comprueba Silktide
- Renderiza cada página a un tamaño de pantalla de escritorio.
- Mide el tamaño final calculado de cada fragmento de texto visible, tras aplicar todo el CSS.
- Ignora el texto oculto, el texto destinado solo a y los fragmentos de menos de 2 caracteres (como glifos de iconos).
- Informa del texto renderizado por debajo de 12 píxeles.
Si tu sitio web está configurado para excluir contenido de terceros, no se informa del texto dentro de complementos de terceros conocidos.
Solución de problemas
El texto se ve bien en mi pantalla
Las pantallas de alta resolución y los ajustes de zoom personales pueden hacer que el texto pequeño parezca aceptable en tu equipo, aunque siga siendo demasiado pequeño con la configuración predeterminada. La comprobación mide el tamaño en píxeles CSS a partir del cual parte el navegador de cada visitante.
¿Y en móviles?
El tamaño del texto en la visualización móvil de tus páginas se comprueba por separado mediante texto pequeño, que utiliza un umbral adecuado para las pantallas móviles.