Lecturabilidad vs Legibilidad: La Diferencia

La legibilidad es si un lector puede descifrar los caracteres individuales: una propiedad del tipo de letra a un tamaño dado. La lecturabilidad es si la lectura sostenida fluye: una propiedad de la composición —el tamaño, el interlineado, la longitud de línea, el contraste y el espaciado que envuelven al tipo de letra. Las dos palabras se intercambian constantemente, incluso en textos profesionales, y el intercambio no es inofensivo: apunta a los equipos hacia el arreglo equivocado.

Las definiciones formales trazan la misma frontera: la legibilidad pertenece a las formas de las letras, la lecturabilidad a la disposición que las rodea. Un atajo útil: la legibilidad es trabajo del diseñador del tipo de letra; la lecturabilidad es tuya. Este artículo forma parte de nuestra guía de tipografía; cubre qué mide realmente cada término, por qué uno no puede sustituir al otro y cómo la distinción cambia lo que arreglas primero.

¿Qué hace legible a un tipo de letra?

La legibilidad reside en la distinción de las formas de las letras: si cada carácter es inconfundiblemente él mismo:

• La prueba Il1. Coloca la I mayúscula, la l minúscula y el dígito 1 uno al lado del otro. En algunos tipos son tres formas distintas; en otros son casi un mismo glifo repetido. Para interfaces que muestran códigos, contraseñas o identificadores, esta única comprobación descalifica rápidamente una proporción sorprendente de fuentes candidatas.
• La prueba rn–m. A tamaños pequeños, el par «rn» puede fundirse en «m»: «modern» se convierte sigilosamente en «modem». Los tipos con espaciado apretado y formas cerradas fallan antes.
• Apertura abierta. La apertura es el hueco en letras como e, c, a y s. Cuando las aperturas están casi cerradas, la e se desmorona hacia la o a distancia o en tamaño pequeño; las aperturas abiertas mantienen las formas separadas en malas condiciones.
• Altura x. Una minúscula más alta transporta más información de forma al mismo tamaño nominal, lo cual es una de las razones por las que dos fuentes «a 14px» pueden diferir tanto en tamaño aparente y claridad.

Las comprobaciones Il1 y rn–m son pruebas estándar de legibilidad, y comparten una propiedad que vale la pena notar: todas tienen que ver con el archivo de fuente en sí. Ningún CSS puede cambiar cómo un tipo de letra dibuja su l minúscula.

¿Qué hace que un texto sea fácil de leer?

La lecturabilidad reside en todo lo que envuelves alrededor del tipo de letra:

• Tamaño: lo bastante grande para la distancia de lectura; 16px es la referencia habitual del cuerpo de texto en pantalla.
• Interlineado: suficiente espacio vertical para que las líneas se lean como carriles separados; alrededor de 1,5 para el cuerpo de texto es una convención habitual.
• Longitud de línea: aproximadamente 45–75 caracteres por línea, para que el viaje de vuelta del ojo a la siguiente línea siga siendo preciso.
• Contraste: suficiente diferencia entre el texto y el fondo para leer sin esfuerzo, algo que el cuerpo de texto en gris pálido suele incumplir.
• Espaciado: el espaciado entre párrafos y entre letras adecuado al tamaño.

Cada elemento de esa lista es una decisión de disposición. El mismo tipo de letra puede puntuar desde cómodo hasta hostil en lecturabilidad según cómo se componga, que es exactamente por qué los dos conceptos necesitan nombres separados.

¿Puede un texto ser legible pero difícil de leer?

Fácilmente, y esta asimetría es el corazón práctico de la distinción: la legibilidad es necesaria pero está lejos de ser suficiente. Toma una sans de batalla plenamente legible —aperturas abiertas, Il1 distinta— y compónla dos veces:

El mismo tipo en ambas columnas. En la composición mala, cada carácter individual sigue siendo perfectamente descifrable —acércate y puedes leer cualquier palabra que señales—, pero la lectura continua se derrumba: el interlineado apretado emborrona las líneas entre sí, la medida de 120 caracteres hace que el viaje de vuelta a la siguiente línea sea poco fiable, y el contraste bajo grava cada fijación. Legibilidad perfecta, lecturabilidad pobre.

El rescate tampoco funciona en sentido contrario. Dale a una fuente script recargada de tipo display el tamaño, el interlineado y la medida ideales, y aun así falla como texto de interfaz a 11px: las formas de las letras en sí no tienen suficiente distinción a ese tamaño. Una buena composición puede desperdiciar legibilidad; no puede crearla.

Puedes inspeccionar la primera mitad de esa afirmación directamente: abre el espécimen mal compuesto en Scale Composer —un tipo legible con un interlineado apretado, medida larga y tamaño pequeño— y lee un párrafo. El argumento se demuestra solo hacia la tercera línea.

¿Por qué importa la distinción en la práctica?

Porque dirige el arreglo. Cuando los usuarios reportan que un texto es «difícil de leer», la queja suele ser sobre lecturabilidad; pero el tipo de letra es el sospechoso más visible, así que los equipos responden cambiando la fuente, a menudo tras un desvío por serif frente a sans. El nuevo tipo se publica, la composición sigue idéntica, y la queja sobrevive, porque el tamaño, el interlineado, la medida y el contraste que la causaron nunca se tocaron.

La distinción convierte esa adivinanza en una lista de comprobación, ordenada de lo más barato y probable a lo más caro y menos probable:

1. Tamaño: ¿está el cuerpo de texto al menos en un equivalente a 16px para la distancia de lectura?
2. Interlineado: ¿hay espacio entre líneas, o está el interlineado por debajo de ~1,4 para el cuerpo de texto?
3. Longitud de línea: cuenta los caracteres; por encima de ~75 por línea, acorta la medida.
4. Contraste: comprueba el color del texto contra su fondo; el cuerpo de texto que coquetea con el gris es un infractor frecuente.
5. Y luego el tipo de letra: solo cuando las cuatro primeras pasan, «difícil de leer» se convierte en un problema de legibilidad, y las pruebas Il1 y rn–m te dicen si el tipo en sí está fallando.

Los pasos del uno al cuatro son líneas sueltas de CSS. El paso cinco es una migración de fuente. Ejecutarlos en ese orden es toda la recompensa práctica de mantener las dos palabras separadas.

Ve el mismo tipo rescatado

La forma más rápida de interiorizar la diferencia es ver cambiar la lecturabilidad mientras la legibilidad permanece inmóvil: abre el espécimen ajustado —el mismo tipo de letra que la demo mal compuesta, ahora a 16px sobre una línea de 24px con la medida devuelta a la banda cómoda— y compara cuánto lees antes de que aparezca el esfuerzo.