Acessibilidade web: por que essa nota importa tanto quanto a velocidade

Quando o assunto é desempenho de site, a atenção quase sempre vai para velocidade de carregamento, deixando a nota de acessibilidade em segundo plano — muitas vezes tratada como "nice to have". Isso é um equívoco: acessibilidade não é um recurso extra para um grupo pequeno de visitantes, é uma medida de quão bem construída está a página para qualquer pessoa que a acesse em condições diferentes do ideal.

A nota de acessibilidade do Lighthouse avalia dezenas de critérios técnicos objetivos — contraste de cores, estrutura semântica do HTML, presença de texto alternativo em imagens, navegação por teclado, entre outros — que juntos determinam se o site funciona bem para leitores de tela, pessoas com baixa visão, usuários que não conseguem usar mouse, e até para o próprio Google ao tentar entender o conteúdo da página.

Contraste de cores e legibilidade

Um dos critérios mais comuns de reprovação é contraste insuficiente entre texto e fundo — por exemplo, texto cinza claro sobre fundo branco, que pode parecer elegante no design mas é difícil de ler para uma parcela relevante da população, incluindo pessoas com baixa visão ou simplesmente usando o celular sob luz solar forte. A recomendação técnica (WCAG) exige uma proporção mínima de contraste de 4.5:1 para texto normal, um número que ferramentas de auditoria verificam automaticamente.

Texto alternativo em imagens

Toda imagem que carrega informação relevante deveria ter um atributo alt descrevendo seu conteúdo. Sem isso, leitores de tela simplesmente pulam a imagem ou leem o nome do arquivo em voz alta ("IMG_4521.jpg"), deixando quem depende desse recurso sem acesso à informação. Como bônus, texto alternativo bem escrito também ajuda o Google a entender do que se trata a imagem, reforçando o SEO da página.

Estrutura semântica e navegação

Usar tags HTML de forma correta — títulos em ordem hierárquica (h1, depois h2, depois h3), botões como <button> e não como <div> clicável, links com texto descritivo em vez de "clique aqui" — permite que tecnologias assistivas naveguem pela página de forma lógica. Também facilita a navegação por teclado, essencial para quem não consegue usar o mouse por limitação motora.

O impacto que passa despercebido

Além do valor humano óbvio, sites com boa nota de acessibilidade tendem a ter HTML mais limpo e mais bem estruturado, o que geralmente também favorece a velocidade e o SEO — as três notas do Lighthouse não vivem isoladas, e um site descuidado tende a ter problemas nas três frentes ao mesmo tempo. Em vários países, incluindo o Brasil, também há legislação específica que exige acessibilidade digital para determinados tipos de serviço, o que torna essa nota relevante também do ponto de vista legal.

Formulários e elementos interativos

Campos de formulário sem um rótulo (label) associado corretamente são outro item recorrente em auditorias de acessibilidade. Um leitor de tela precisa anunciar claramente o que cada campo espera — "nome completo", "e-mail", "telefone" — e não apenas um espaço em branco sem contexto. O mesmo vale para mensagens de erro: se o formulário rejeita um campo preenchido incorretamente, essa informação também precisa ser perceptível por quem não enxerga a tela, não apenas por uma borda vermelha que só faz sentido visualmente.

Este conteúdo tem caráter informativo e não substitui uma análise técnica personalizada do seu site.