DEV Community

Cover image for Pare agora mesmo de utilizar alinhamento justificado!
Niag Alves
Niag Alves

Posted on

Pare agora mesmo de utilizar alinhamento justificado!

Neste artigo, vou mostrar por que o alinhamento justificado não é recomendado em sites ou sistemas, independentemente do tamanho do projeto.

O que é alinhamento justificado?

O alinhamento justificado é aquele alinhamento que cria um bloco homogêneo de texto, com as linhas preenchidas totalmente e alinhadas nos dois extremos da página. Este tipo de alinhamento é muito popular em revistas, jornais, entre outros impressos, pois ajudam a criar blocos visuais e facilitam a organização, além de ser de fácil correção se houver problemas de espaçamentos, pois é possível fazer um ajustezinho aqui e outro ali.

Por que devemos evitar o alinhamento justificado?

Alinhamentos justificados são extremamente horríveis e para manter as linhas com as mesmas larguras são inseridos espaçamentos de vários tamanhos, alguns até gigantescos entre as palavras, isso causa um certo desconforto para os usuários que acessam seu site, sistema ou blog, pois a legibilidade das palavras acaba ficando difícil, especialmente para usuários disléxicos que podem não identificar ou associar as palavras por causa desses espaçamentos gerados. Visto isso, podemos citar algumas desvantagens do alinhamento justificado que são:

  • A leitura fica lenta e difícil por quebrar a fluidez;
  • Os blocos de textos ficam sem nada para guiar a leitura;
  • Os usuários disléxicos podem ter problemas. SIM, envolve a questão de acessibilidade;

Então, qual é o melhor para se utilizar?

Os componentes das páginas web ou sistemas web são blocos alinhados à esquerda. Esse alinhamento é o valor padrão também do CSS e é o que mais facilita a leitura dos conteúdos de textos, pois ao pular uma linha ou parágrafo fica mais fácil de se encontrar novamente, então a resposta eu acho que você já percebeu qual é, né? Utilize alinhamento a esquerda para seus projetos. Vou citar algumas vantagens do alinhamento à esquerda:

  • Facilidade na leitura dos textos;
  • Não cria espaçamentos gigantescos em diferentes resoluções;
  • Melhora a acessibilidade do seu projeto;
  • Torna um projeto organizado / padronizado;
Vou deixar alguns links para seus estudos caso você se interessou e quer ir mais afundo no assunto:

Top comments (0)