Uma checagem básica de acessibilidade pode revelar títulos confusos, contraste insuficiente, navegação presa ao mouse, imagens sem descrição e formulários difíceis de entender. Ela é um ponto de partida, não uma certificação nem uma auditoria completa.

Em resumo

  • Confira se títulos e subtítulos descrevem a página.
  • Navegue sem usar o mouse.
  • Amplie o texto e observe se algo some ou se sobrepõe.
  • Revise contraste, descrição de imagens e rótulos de formulários.

Comece pelo título da página e pelos headings

O título exibido na aba precisa identificar a página. Dentro dela, um H1 claro e subtítulos descritivos ajudam pessoas a entender a organização do conteúdo e navegar por leitores de tela.

A iniciativa de acessibilidade da W3C inclui títulos e hierarquia de headings entre as checagens iniciais de acessibilidade. A sequência precisa refletir a estrutura do conteúdo, não apenas o tamanho visual das letras.

Leia apenas os títulos, sem os parágrafos. Ainda é possível entender o caminho da página? Se não, troque rótulos genéricos como “Saiba mais” por subtítulos que expliquem o assunto.

Use o site apenas com o teclado

Pressione Tab e acompanhe o foco. Links, menus, botões, campos e controles precisam ser alcançáveis e mostrar onde a navegação está.

Confira se:

  • o foco aparece visualmente;
  • a ordem segue o conteúdo;
  • menus podem ser abertos e fechados;
  • nenhum controle prende a navegação;
  • a ação funciona sem clique do mouse.

Esse teste não cobre tudo, mas encontra barreiras que impedem tarefas básicas.

Amplie o texto e reduza a largura da tela

Aumente o zoom e teste no celular. O conteúdo deve continuar legível sem esconder botões, cortar palavras ou criar rolagem lateral na página inteira.

Textos dentro de imagens não acompanham o aumento da fonte e podem perder legibilidade. Sempre que a informação for importante, disponibilize também em texto real.

Verifique contraste sem depender só da impressão visual

Texto claro sobre fundo claro e botões que mudam apenas de cor podem ser difíceis de perceber. Use uma ferramenta de contraste e considere estados de foco, erro, hover e desabilitado.

A checagem inicial da W3C lembra que passar em verificações simples não garante ausência de outras barreiras. Registre o que foi testado e o que ainda exige avaliação especializada.

Dê função às imagens

Imagem informativa precisa de um texto alternativo que transmita sua função ou conteúdo relevante. Imagem puramente decorativa deve ser ignorada por tecnologias assistivas.

Evite descrever cada detalhe. Explique o que a pessoa precisa compreender naquela página. Uma foto decorativa não precisa virar um parágrafo. Um gráfico, por outro lado, precisa ter sua conclusão disponível fora da imagem.

Revise rótulos e erros dos formulários

Cada campo precisa indicar o que deve ser preenchido. Placeholder não substitui rótulo, porque desaparece durante a digitação.

O tutorial de formulários da W3C destaca rótulos, instruções e retorno de erro como partes importantes de um formulário acessível.

Teste:

  • campos obrigatórios identificados sem depender só de cor;
  • mensagens de erro que expliquem a correção;
  • rótulos associados ao campo;
  • área de toque confortável;
  • confirmação clara depois do envio.

Inclua acessibilidade na rotina de conteúdo

Não deixe a revisão apenas para o lançamento. Quando uma nova página, imagem, formulário ou carrossel entrar no site, repita as checagens relevantes.

Use o conteúdo sobre informações antes da primeira consulta para revisar clareza e o mapa de atritos na jornada para observar barreiras durante tarefas reais.

A página de Acessibilidade da Weser explica os recursos e limites do site atual.

Se a criação ou reformulação do site precisar incluir requisitos específicos de acessibilidade, eles devem ser avaliados no projeto. A Weser pode organizar essa necessidade na proposta, sem prometer conformidade automática antes da análise.