G169Alinear el texto a un solo lado, sin justificarlo

Por qué es importante

Al justificar, el navegador reparte los espacios para que todas las líneas midan lo mismo. Aparecen huecos grandes y desiguales que a veces forman «ríos» blancos de arriba abajo.

Las personas con dislexia o con dificultades cognitivas pierden la línea y leen más despacio. Con la alineación a la izquierda, los espacios son siempre iguales y el ojo encuentra fácilmente el principio de cada línea.

Cómo se hace

1. No use text-align: justify en párrafos ni en bloques largos de texto.
2. Lo más sencillo es no indicar ninguna alineación: en español el texto ya sale alineado a la izquierda.
3. Si necesita fijarla, use text-align: left o text-align: start.
4. Puede alinear a la derecha elementos sueltos, como una cita destacada. Lo que se evita es el texto justificado.
5. Revise también las plantillas del gestor de contenidos y los editores visuales, que a veces justifican por defecto.

Cómo comprobarlo

1. Abra la página en el navegador y mire los párrafos.
2. Compruebe que el borde derecho del texto es irregular, no recto.
3. Con las herramientas para desarrolladores (tecla F12), busque text-align: justify en los estilos aplicados.

Ejemplo

Basta con alinear el texto al inicio de la línea en lugar de justificarlo:

/* Evitar */
.articulo p { text-align: justify; }

/* Usar */
.articulo p { text-align: start; }