# Acessibilidade web: checklist antes de publicar

> Acessibilidade web exige verificação antes da publicação de qualquer página. Um checklist eficaz cobre textos alternativos em imagens, contraste adequado de cores, navegação por teclado, rótulos em formulários e estrutura semântica de cabeçalhos. Essa revisão prévia elimina barreiras que impedem pessoas com deficiência visual, motora ou cognitiva de acessar o conteúdo, garantindo conformidade com diretrizes WCAG.

*Bombou na Web · Tecnologia · 15 de setembro de 2026 · Otávio Bensaúde*

Antes de publicar uma página, uma revisão de acessibilidade web evita barreiras que só aparecem quando o usuário já chegou. Este checklist reúne itens verificáveis, com o porquê de cada um, para rodar em poucos minutos.

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 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.

---

Fonte (canonical): https://www.bombounaweb.com.br/tecnologia/acessibilidade-web-checklist-antes-de-publicar/