Las pantallas no son como el papel

En una revista, un periódico o un libro, hay un diseñador detrás de cada ajuste tipográfico, se encarga de ajustar cada espacio entre letras de manera precisa para que todo encaje. En tu web, el que manda es el navegador, depende del tamaño de pantalla de cada dispositivo.

Cuando fuerzas el texto a ocupar todo el ancho, el navegador ajusta como puede pero lo hace muy mal, es muy difícil porque depende de varios factores: tamaño de letra y de pantalla. El navegador estira los espacios entre palabras de forma artificial. ¿El resultado? Esos huecos blancos gigantes que los diseñadores llamamos ríos. Distraen, quedan feos y rompen el ritmo de lectura.

No es una opinión, es una falta oficial

A veces pensamos que esto es cuestión de gustos, pero la W3C (los que ponen las reglas en internet) es muy clara al respecto.

Existe algo llamado el Fallo F88, que dice literalmente que el uso de texto justificado en web es un error de accesibilidad. ¿Por qué? Porque los navegadores actuales no tienen mecanismos automáticos para ajustar el espacio entre letras y sílabas (lo que sí hace una imprenta).

Al final, dejar de justificar el texto no es más que aplicar el sentido común al diseño web frente a automatismos que no piensan en el usuario.

La belleza de lo imperfecto

Alinear a la izquierda no es dejar el trabajo a medias. Es diseñar pensando en quien lee.

Al dejar el texto en bandera, permites que el contenido respire, que el espacio entre palabras sea siempre constante y que la lectura sea natural, como cuando escribimos una nota a mano.

Si los grandes lo hacen, por algo será

Fíjate en Medium, Apple o el New York Times. Son gigantes que invierten millones en neurodiseño y experiencia de usuario. Ninguno justifica sus textos. Han entendido que la elegancia en la web no está en el texto justificado, sino en la facilidad de lectura. Si ellos han abandonado el justificado para darnos una mejor lectura, ¿por qué íbamos a seguir nosotros forzándolo?

¿Mi consejo?

Prioriza siempre la experiencia de tu usuario. Una web que se lee fácil es una web que engancha.

Existen 4 tipos de alineación y aquí te explico como lo uso yo:

• Alineación izquierda: para párrafos, cuerpo del texto y encabezados para garantizar la legibilidad.

• Alineación central: para títulos, encabezados cortos o énfasis en contenido mínimo.

• Alineación a la derecha: para la navegación o en la alineación de etiquetas.

• Alineación justificada ❌: nunca está justificado su uso para mi.