Esta tradução ainda não foi revista editorialmente. A versão alemã é vinculativa. Deutsche Fassung
Acessibilidade
Que apresentação de texto torna mais fácil ler páginas longas?
Linhas longas, bloqueios com lacunas e espaçamento estreito fazem texto exaustivo para pessoas com deficiência de leitura, deficiência visual ou problemas de concentração. Nível AAA O Critério 1.4.8 especifica cinco propriedades que podem atender blocos de texto ou que os visitantes podem definir-se: cores selecionáveis, linhas de até 80 caracteres, sentença alinhada à esquerda, espaçamento de linha de pelo menos 1,5 e ampliação de 200 por cento sem rolagem horizontal.
Os cinco requisitos
Primeiro momento: as cores de primeiro plano e de fundo podem ser escolhidas pelo visitante, por exemplo através de um modo de contraste ou da configuração do navegador que respeita a página. Segundo, uma linha de texto tem no máximo 80 caracteres de largura (40 para caracteres chineses, japoneses ou coreanos). Em terceiro lugar, o texto é alinhado à esquerda, não em conjuntos de blocos. Em quarto lugar, o espaçamento de linha é pelo menos 1,5 vezes o tamanho da fonte, o espaçamento de parágrafo é pelo menos 1,5 vezes o espaçamento de linha. Quinto: O texto pode ser ampliado para 200 por cento sem tecnologia auxiliar, sem ter que rolar uma linha horizontalmente.
Por que 80 caracteres
O olho salta de palavra em palavra em frases e deve encontrar o início da linha seguinte no final da linha. Quanto mais longa a linha, mais frequentemente dá errado, especialmente com baixa visão ou dislexia. 45 a 75 caracteres são considerados legíveis desde a tipografia do livro; 80 é o limite superior do critério. Em telas largas isto significa: O bloco de texto obtém uma largura máxima fixa, o resto permanece borda.
É assim que lidamos com isso
A largura da linha, o alinhamento, o espaçamento da linha e o comportamento em 200 por cento podem ser medidos no estado renderizado; O serviço de teste já mede a base para isso (fluxo a 320 pixels, 1.4.10). Se as cores são selecionáveis depende da implementação e é julgado por uma pessoa. O critério pertence à categoria AAA no conhecimento.
Exemplos
Linhas longas no conjunto de blocos
.text { text-align: justify; line-height: 1.2; }
/* Zeilen mit 130 Zeichen auf breiten Bildschirmen */.text { max-width: 70ch; text-align: left; line-height: 1.5; }
.text p + p { margin-top: 1.5em; }Um máximo de 80 caracteres por linha, alinhados à esquerda, espaçamento de linha 1.5, espaçamento de calcanhar 1,5 vezes, e sem deslocamento lateral a 200 por cento.
- Limitar o texto de fluxo a uma largura máxima de cerca de 65 a 75 caracteres; Isto corresponde a cerca de 640 pixels para 16 pixels.
- Definir o texto alinhado à esquerda e o espaçamento de linha para 1,5; os parágrafos devem ter pelo menos um espaçamento de linha em branco.
- Teste a página a 200 por cento de zoom do navegador: Cada linha deve permanecer legível sem rolagem horizontal.
- Respeite as configurações de cor do sistema operacional ou ofereça um modo de alto contraste.
