Pequenas escolhas que tornam uma página fácil de ler

Uma página só é útil se a pessoa diante dela consegue realmente usá-la. Estas são as pequenas escolhas que deixam o ipe.rest mais fácil de ler com o teclado, numa tela pequena ou numa escrita da direita para a esquerda, e o que ainda não testamos.

Da última vez, explicamos como o site pode abrir sem conexão. Este texto trata da leitura em si. Tudo o que segue você mesmo pode conferir, com o toque de uma tecla ou com as ferramentas do seu navegador.

Um caminho para passar pelo menu

Pressione Tab em qualquer página de idioma ou do diário do site e a primeira coisa que você alcança é um link que diz “Ir para o conteúdo”. Ele fica fora de vista até o teclado chegar a ele; então aparece no alto da página. Siga-o e você vai direto ao texto, sem passar antes pelo cabeçalho.

Você sempre vê onde está

Quando você se move pelo teclado, o link ou botão em que está recebe um contorno azul de dois pixels, com um pequeno espaço ao redor. Não nos limitamos a remover o contorno padrão do navegador: nós o trocamos por este, mais nítido, porque uma página que você não consegue acompanhar com os olhos é uma página que você não consegue usar.

Grande o bastante para tocar, fácil de ampliar

Links e botões do cabeçalho, do rodapé e do seletor de idioma têm pelo menos 44 pixels de altura, então um polegar consegue acertá-los. O texto do corpo tem 17 pixels no computador e 16 no celular, com espaço generoso entre as linhas, e palavras longas e endereços da web quebram em vez de empurrar a página para o lado.

A página nunca desativa o zoom de pinça, então você pode ampliá-la até onde o navegador permitir. E se o seu sistema pede menos movimento, o site desliga suas transições e a rolagem suave.

Um contraste que dá para calcular

O texto principal é um azul-marinho escuro sobre uma página quase branca, uma razão de contraste de cerca de 17 para 1. O cinza do texto secundário fica em cerca de 6 para 1, e o azul dos links, em cerca de 6,6 para 1. Uma diretriz comum pede pelo menos 4,5 para 1. Esses números vêm das cores da nossa folha de estilo, calculados com a fórmula padrão, e não medidos com uma ferramenta de auditoria.

Cada idioma, na sua própria direção

Cada página declara seu idioma, e as páginas em árabe declaram a direção da direita para a esquerda. O layout usa início e fim em vez de esquerda e direita, de modo que o link de salto, as listas e os recuos se invertem junto com o texto. Navegadores e tecnologias assistivas podem usar a declaração de idioma para escolher a voz ou a fonte certa.

O que não fizemos

Não fizemos uma auditoria formal de acessibilidade nem testamos com todos os leitores de tela. O site tem um único esquema de cores claro e nenhum escuro. Se algo atrapalhar você, conte-nos na página de contato e vamos examinar.

ipe(); // read it the way that works for you

Nada disso é engenhoso. É uma lista curta de padrões que escolhemos não remover, e uma página que continua calma para você é mais fácil de ler para todos.