Laboratório de acessibilidade
Três tarefas interativas
- Poucos minutos
- Sem cadastro
- Sem recolha de dados pessoais
Útil se você recruta design e quer ver critério na prática, ou se desenha tela e peça e quer ajustar leitura e contraste com calma — sem cadastro e sem expor dados pessoais.
Não é aula gravada: você mexe nos controles, vê o efeito na hora e, em seguida, leio em voz de projeto como eu trataria o mesmo tema se estivesse ao seu lado.
Para mim, acessibilidade é estratégia de leitura, de conforto visual e de decisão — não só caixa de seleção em documento técnico. Vale a pena experimentar com calma.
As três estações abaixo repetem perguntas que faço em qualquer trabalho de tela ou peça impressa: o contraste aguenta leitura longa? A linha de texto não cansa no celular? A hierarquia deixa claro o que é importante ou tudo grita ao mesmo tempo? Nos trabalhos publicados aqui — desde formulários em site grande até convite de comunidade — essas escolhas aparecem juntas com marca, prazo e equipe.
Cor e contraste
Escolha a cor de fundo e a cor da letra. O indicador mostra a diferença entre as duas: em geral, quanto mais elevada, mais fácil de distinguir o texto. Abaixo, o que isso implica no uso, segundo a minha leitura.
Exemplo de parágrafo: convites, botões, avisos e preços, em muitos casos, compartilham o mesmo universo visual.
Diferença entre letra e fundo
15,41:1
Leitura muito confortável (texto comum)
Na prática
Diferença muito acentuada. Em mobile e em textos muito longos, verifico se o contraste não se torna cansativo para a vista.
Como eu decidiria
Se a identidade pede menos contraste, abro mão de extrema legibilidade só com acordo e critério claro, nunca no caminho do aviso de erro crítico.
O que testaria a seguir
- Repetir o critério em outras pares (primário, secundário, sucesso) — a marca agradece a coerência.
- Avaliar o equilíbrio: preto absoluto em fundo creme risca a fadiga; um cinzento ainda claro, por vezes, acalma sem perder a leitura.
Largura e tamanho da leitura
A caixa de texto acompanha o ajuste: percebe-se o ritmo da leitura, e não é necessário decorar cifras. A medida acompanha a largura de referência de uma letra — assim, a mesma configuração mantém sentido em telefone, tablet ou computador.
- 1 — Ajuste a largura. Observe quando o parágrafo fica apertado demais ou alargado demais para a vista repousar com naturalidade no início da linha seguinte.
- 2 — Ajuste o tamanho. Note a diferença entre a leitura que exige esforço e a leitura que acompanha o olhar.
- 3 — Leia o medidor e os blocos: o número orienta; o texto descreve o efeito sobre pessoas reais em situação real de uso.
Em telas de largura distinta, a mesma medida em centímetros não produz a mesma sensação. Usa-se, portanto, uma referência ligada à letra: o conforto depende de quantas letras cabem na linha, e não do tamanho do aparelho, isoladamente.
Controla, em média, quantas letras cabem em cada linha antes de a linha se partir.
No telemóvel, o texto principal confortável costuma partir de cerca de dezesseis pontos tipográficos; abaixo disso, a fadiga aparece rápido em textos longos.
Gama habitual de letra corrente, alinhada à que muitos sites e apps adotam como ponto de partida.
O convite, o reforço, o e-mail. Três ações numa tela, mas só uma puxa a decisão. A largura da coluna muda a velocidade de leitura — e com ela, a paciência de quem lê.
Cerca de 26 letras por linha (estimativa). O traço abaixo indica a posição nesse ritmo de leitura.
A faixa central representa, na maior parte dos casos, leitura contínua confortável; as extremidades indicam linha muito curta ou muito longa para o repouso visual. O indicador acompanha o valor indicado em cima.
O que acontece aí
Muita quebra de linha: a frase vira tiras curtas. Em texto corrido, o olho recomeça a cada fim de linha — e cansa. Em coluna estreita de apoio, isso às vezes é aceitável.
Na prática
Poucos caracteres por linha quebram o ritmo: o olho pula o tempo todo. Boa em colunas laterais, ruim pro texto que precisa de narrativa contínua.
Como eu decidiria
No celular estreito compreendo; no computador, procuraria alargar a coluna ou reunir o texto, em vez de deixar a única faixa tão apertada.
Carga e foco
A carga de atenção reúne tudo o que a pessoa precisa interpretar antes de entender a mensagem. Aqui, o conteúdo de fundo é o mesmo — o que muda é a quantidade de elementos a competir pelo olhar.
- 1 — Leia a tela no modo «Mais calma»: em que ponto o olho pousa em primeiro lugar? Quantos elementos requerem a sua atenção ao mesmo tempo?
- 2 — Mude para «Mais densa» e leia de novo. Conte, em silêncio, quantas áreas de destaque, rotulações, botões e letras de apoio competem entre si.
- 3 — Utilize a tabela «O que pesa» para pôr nomes a essa diferença: é o que fica de exercício para o próximo desenho.
Observe o bloco primeiro no modo mais calmo e, em seguida, no mais denso, conforme os passos indicados.
Um foco, uma ação
Confirmação enviada
Seu acesso chega no e-mail em instantes. Sem spam, só o que importa.
| Mais calma | Mais densa | |
|---|---|---|
| Hierarquia | Título e texto sustentam a decisão: um fio de leitura claro. | Avisos e detalhe secundário disputam o título; o olhar dispersa-se. |
| Decisão | Uma ação clara: concluir e avançar. | Várias ações de aparência semelhante: custo de escolha elevado. |
| Atenção | O acessório fica discretamente ao fundo: pouco barulho visual em simultâneo. | Cada rótulo se impõe; a mente gasta esforço a comparar. |
O efeito na atenção
Uma coluna, um título, um parágrafo e um ponto de ação. A ordem percebe-se sem esforço. Liberta-se a atenção para o conteúdo — reduz o peso de interpretação antes de a pessoa entender a mensagem.
Como equilibro em projeto real
Em confirmações por e-mail, primeiros passos e outras peças abertas ao público, começaria por esta clareza de hierarquia. Só acrescento fricção adicional quando o negócio e o ensaio o justificam, nunca a título de adorno.
Se quiser esse mesmo olhar sobre um fluxo, convite ou tela que está montando, posso ajudar com três perguntas simples: o que a pessoa precisa entender primeiro, com que conforto visual, e o que pode esperar depois. Use a área de contato na página inicial para descrever o contexto; nas outras páginas explico processo e cases.
Isto é só um recorte: contraste, medida de texto e carga de atenção. Num projeto real entram também pessoas, prazo, identidade visual e regras do cliente. Para conversar sobre o seu caso, use a área de contato na página inicial; as outras páginas descrevem o processo e os trabalhos.