Skip to content

Esta tradução ainda não foi revista editorialmente. A versão alemã é vinculativa. Deutsche Fassung →

Barrierefreiheit

Por que espaços de linha e caracteres devem ser ajustáveis em websites?

Os espaços entre linhas e caracteres devem ser ajustáveis, porque pessoas com dificuldades de leitura ou deficiência visual conseguem apenas ler textos mais longos com espaços ampliados de forma fluidez. Usam para isto as definições do browser ou programas de ajuda. O seu website deve suportar este ajuste: nenhum texto deve ser cortado, e nenhum código deve fixar os espaços de forma inalterável.

Espaços ampliados tornam os textos legíveis

Para pessoas com dislexia, linhas densamente definidas misturam-se — mais espaço entre linhas e letras transforma uma parede de texto cinzento novamente em frases legíveis. O padrão define para isto valores de ajuste concretos que um website deve suportar intacto: espaço entre linhas de 1,5 vezes o tamanho da letra, espaços ampliados entre letras, palavras e parágrafos. Os visitantes definem estes valores sozinhos — o seu website não precisa de os definir, apenas de os permitir. Os problemas surgem em dois locais: caixas de texto com altura codificada fixamente cortam o texto crescente, e código que fixa espaços com instruções prioritárias torna o ajuste ineficaz desde o início.

Como o nosso núcleo de medição verifica os espaços de texto

A verificação funciona em duas frentes. Primeiro, o núcleo de medição executa realmente o teste de stress: define os valores de espaço do padrão ao vivo na sua página e mede se o texto é cortado — cada ponto cortado é um caso de verificação documentado. Segundo, procura nas regras de desenho da sua página instruções de espaço com marcação prioritária que bloqueiem ajustes — tais fixações são objectivamente prováveis e contam como violação. Se tudo permanecer despercebido, o critério nunca é considerado automaticamente aprovado apesar disso: que nada foi notado no teste ainda não é prova para cada parte de texto. A avaliação final é feita por uma pessoa no padrão ouro.

Beispiele

Text bricht bei größeren Abständen

Verstoß
.teaser { height: 3.6em; overflow: hidden; line-height: 1.2; letter-spacing: 0; }
Erfüllt
.teaser { min-height: 3.6em; line-height: 1.5; }

Besucher dürfen Zeilenabstand 1,5, Absatzabstand 2, Buchstabenabstand 0,12 und Wortabstand 0,16 setzen; nichts darf dann abgeschnitten werden.

  • Peça à sua agência para remover instruções de espaço com marcação prioritária — no código «!important» — das regras de desenho.
  • Deixe as caixas de texto crescer em altura, em vez de lhes dar alturas de pixel fixas.
  • Teste as suas páginas principais com uma extensão de browser para espaços de texto — texto visualmente cortado é uma constatação.
  • Preste especial atenção aos layouts de mosaico e cartão com extractos de texto curtos — ali o texto crescente é cortado com mais frequência.
  • Planeie espaços de base generosos desde o início: o que está definido com ar, quase sempre suporta a ampliação.

Deutsche Fassung dieser Seite