Acessibilidade web é a prática de fazer sites que possam ser usados por todas as pessoas, com ou sem deficiência, segundo a Wikipedia. Antes de publicar, uma revisão rápida evita barreiras que só aparecem quando o usuário já chegou. Use este checklist a cada deploy de página nova, template alterado ou formulário modificado.
Estrutura e leitura
Um único H1 por página. Leitores de tela usam a hierarquia de títulos para navegar. Dois H1 confundem a ordem de leitura.
Títulos em sequência, sem pular níveis. Se há H2, o próximo nível é H3, não H4. Isso mantém o índice da página previsível.
Idioma declarado no HTML. O atributo lang="pt-BR" faz o sintetizador de voz pronunciar corretamente. Sem ele, palavras podem ser lidas com fonética errada.
Links com texto descritivo. "Clique aqui" não diz nada fora de contexto. Prefira "baixar o relatório anual".
Imagens e mídia
Texto alternativo em imagens informativas. Descreva a função da imagem, não a aparência. Em imagens decorativas, use alt="" para que sejam ignoradas.
Legendas em vídeos. Pessoas surdas dependem delas. Legendas automáticas ajudam, mas exigem revisão humana.
Nada de informação só por cor. Um alerta vermelho sem ícone ou texto não é percebido por quem tem daltonismo.
Contraste e legibilidade
Contraste mínimo de 4,5:1 para texto normal. A relação está nas WCAG, referência do W3C. Texto grande pode ter 3:1.
Não desabilite o zoom. Bloquear ampliação no mobile prejudica quem precisa aumentar a fonte.
Espaçamento entre linhas confortável. Linhas muito coladas dificultam a leitura para pessoas com dislexia.
Navegação e teclado
Tudo acessível só com teclado. Teste com Tab e Enter. Se um botão não recebe foco, ele não existe para parte do público.
Foco visível. O contorno padrão do navegador não deve ser removido sem substituto. Sem ele, o usuário se perde na página.
Ordem de tabulação lógica. O foco deve seguir a ordem visual, não a ordem do código.
Skip link no topo. Um atalho "pular para o conteúdo" economiza dezenas de Tabs em menus longos.
Formulários
Todo campo tem rótulo associado. Use <label for> ligado ao id do input. Placeholder não substitui rótulo.
Erros descritos em texto. "Campo inválido" não ajuda. Diga o que está errado e como corrigir.
Instruções antes do campo. Quem usa leitor de tela ouve a instrução antes de digitar, não depois.
O erro mais comum
Publicar sem testar com teclado. É a verificação mais rápida e a mais ignorada. Abrir a página, apertar Tab do início ao fim e tentar concluir a tarefa principal revela falhas de foco, ordem e rótulo em poucos minutos. Ferramentas automáticas ajudam, mas não substituem esse teste manual.
FAQ
O que é acessibilidade web em uma frase?
É a prática de projetar sites e ferramentas para que pessoas com deficiência possam usá-los, como define a Wikipédia. Envolve estrutura, contraste, navegação e formulários acessíveis desde o início, não como ajuste posterior.
Preciso seguir a WCAG para estar em conformidade?
A WCAG é a referência técnica do W3C, citada por órgãos como o Governo Digital. No Brasil, há normas e leis aplicáveis a sites públicos e serviços. Vale checar exigências específicas do seu setor antes de publicar.
Ferramentas automáticas bastam para validar acessibilidade?
Não. Elas detectam parte dos problemas, como contraste e alt ausente, mas não avaliam sentido do texto alternativo, ordem de foco ou clareza de erros. Combine com teste manual e, se possível, com usuários reais.
Com que frequência devo rodar o checklist?
A cada publicação de página nova, mudança de template ou alteração em formulário. Uma revisão trimestral do site inteiro ajuda a pegar regressões que passam despercebidas no dia a dia.
O que observar depois de publicar?
Acompanhe relatos de usuários e monitore se o foco visível e a navegação por teclado seguem funcionando após atualizações. Acessibilidade web é manutenção contínua, não evento único.