Técnicas para as WCAG 2.0

Ir para o conteúdo (Pressione a tecla Enter)

-

F88: Falha do Critério de Sucesso 1.4.8 devido àutilização de texto justificado (alinhado às margens esquerda e direita)

Aplicabilidade

Todas as tecnologias.

Esta falha está relacionada com:

Descrição

Muitas pessoas com incapacidades cognitivas têm grandes problemas com blocos de texto justificados (alinhados às margens esquerda e direita). As páginas ficam com espaços desiguais entre as palavras, o que pode dificultar a leitura do texto para algumas pessoas. Esta falha descreve situações em que ocorre esta disposição de texto confusa. A melhor forma para evitar este problema é criar uma disposição do texto totalmente justificada (alinhada às margens esquerda e direita).

Exemplos

Exemplo de Falha 1

No seguinte exemplo de falha, é utilizado o atributo align HTML para criar texto justificado.

Código Exemplo:

                                                     
<p align="justify">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Vestibulum sit amet pede. Phasellus 
nec sem id mauris vehicula tincidunt. Morbi ac arcu. Maecenas vehicula velit et orci. Donec 
ullamcorper porttitor velit. Sed arcu lorem, cursus sit amet, auctor eu, convallis ut, purus. 
Vivamus imperdiet accumsan nunc. Maecenas pellentesque nunc a libero. Vestibulum ante ipsum 
primis in faucibus orci luctus et ultrices posuere cubilia Curae; Curabitur pharetra commodo 
justo. Nulla facilisi. Phasellus nulla lacus, tempor quis, tincidunt ac, rutrum et, mauris.
</p>

Exemplo de Falha 2

No seguinte exemplo de falha, é utilizada a propriedade text-align de CSS para criar texto justificado.

Código Exemplo:

                                                     
 ...
p {text-align: justify}

 ...

<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Vestibulum sit amet pede. Phasellus 
nec sem id mauris vehicula tincidunt. Morbi ac arcu. Maecenas vehicula velit et orci. Donec 
ullamcorper porttitor velit. Sed arcu lorem, cursus sit amet, auctor eu, convallis ut, purus. 
Vivamus imperdiet accumsan nunc. Maecenas pellentesque nunc a libero. Vestibulum ante ipsum 
primis in faucibus orci luctus et ultrices posuere cubilia Curae; Curabitur pharetra commodo 
justo. Nulla facilisi. Phasellus nulla lacus, tempor quis, tincidunt ac, rutrum et, mauris.</p>

Testes

Procedimento

  1. Abra a página num browser comum.

  2. Verifique se o conteúdo não está justificado (alinhado às margens esquerda e direita).

Resultados Esperados