G172Ofrecer un botón para quitar la justificación del texto

Por qué es importante

El texto justificado estira los espacios entre palabras para que todas las líneas midan lo mismo. Esos huecos desiguales hacen perder la línea a personas con dislexia o con dificultades cognitivas.

Lo mejor es no justificar (técnica G169). Si por diseño se mantiene, este control permite que cada lector elija la versión que lee con más comodidad.

Cómo se hace

1. Ponga cerca del principio de la página un botón con un texto claro: «Quitar justificación del texto».
2. Al pulsarlo, haga que los párrafos usen text-align: start. Puede añadir una clase al elemento body o cargar otra hoja de estilos.
3. Haga que el botón funcione con el teclado y con lectores de pantalla (programas que leen en voz alta la pantalla).
4. Recuerde la elección al pasar a otras páginas del sitio, por ejemplo con una cookie o con el almacenamiento del navegador.

Cómo comprobarlo

1. Abra una página con texto justificado.
2. Busque cerca del principio un control para quitar la justificación.
3. Actívelo con el ratón y también con el teclado.
4. Compruebe que todos los párrafos quedan alineados a un solo lado, con el borde derecho irregular.

Ejemplo

Botón que añade una clase y cambia la alineación de todos los párrafos:

<button type="button" onclick="document.body.classList.toggle('sin-justificar')">
  Quitar justificación del texto
</button>

<style>
  p { text-align: justify; }
  .sin-justificar p { text-align: start; }
</style>