Checklist de Acessibilidade de Site para Pequenas Empresas (Baseado no WCAG)

Um checklist prático de acessibilidade de site baseado no WCAG 2.2: navegação por teclado e foco, texto, contraste, rótulos e erros de formulário, alternativas de texto para imagens, o que verificadores automáticos detectam versus testes humanos, e como registrar descobertas sem afirmar conformidade legal.

Este checklist cobre as verificações que um proprietário de pequena empresa pode executar em cerca de uma hora sem software especial: use o site somente com teclado, verifique tamanho e contraste de texto, verifique se cada campo de formulário tem um rótulo e erros claros, e verifique se as imagens têm alternativas de texto razoáveis. É baseado no WCAG 2.2, o padrão ao qual a maioria das leis e políticas se refere, e nas próprias Verificações Fáceis do W3C. Passar por ele não torna um site legalmente conforme; ele encontra as barreiras mais comuns.

1. Navegação por teclado e foco

Guarde o mouse. Pressione Tab do topo da página até o fundo, depois Shift+Tab de volta.

[ ] Um link "Ir para o conteúdo" aparece no primeiro Tab (útil em menus longos)
[ ] Cada link, botão e campo de formulário pode ser alcançado com Tab
[ ] Você sempre pode ver onde está o foco (um contorno ou destaque)
[ ] O foco se move em ordem sensata, de cima para baixo, da esquerda para a direita
[ ] O menu abre com Enter ou Espaço e fecha com Escape
[ ] Pop-ups podem ser fechados com o teclado, e o foco retorna à página
[ ] Nada prende o foco (você sempre pode continuar com Tab)
[ ] Cabeçalhos fixos não cobrem o item em foco

2. Texto, contraste, rótulos de formulário e erros

[ ] O texto do corpo é legível no zoom normal (cerca de 16px ou maior)
[ ] Zoom para 200%: nada se sobrepõe ou fica cortado; sem rolagem lateral
[ ] Contraste de texto de pelo menos 4,5:1 (3:1 para texto grande) - verificar com uma ferramenta
[ ] Links são distinguíveis do texto por mais do que apenas cor
[ ] Cada campo de formulário tem um rótulo visível (texto de placeholder não é um rótulo)
[ ] Campos obrigatórios são marcados em texto, não apenas com cor
[ ] Os erros dizem o que deu errado e como corrigir, ao lado do campo
[ ] Os botões dizem o que fazem ("Enviar consulta", não "Enviar" ou apenas um ícone)
[ ] O idioma da página está definido, e os cabeçalhos seguem em ordem (H1, H2, H3)

Verifique pares de cores com o verificador de contraste de cores. Os valores de contraste vêm do critério de contraste (mínimo) do WCAG.

3. Finalidade e alternativas de texto para imagens

A árvore de decisão de texto alternativo do W3C cobre casos especiais.

4. Verificações automáticas versus testes humanos

Verificadores automáticos encontramApenas uma pessoa pode avaliar
Atributos alt ausentesSe o texto alternativo é realmente útil
Baixo contraste em fundos simplesContraste de texto sobre fotos e vídeo
Campos de formulário sem rótuloSe rótulos e erros fazem sentido
Idioma de página ausente, links vaziosOrdem do teclado, visibilidade do foco, armadilhas
Níveis de cabeçalho puladosSe os cabeçalhos descrevem o conteúdo

Execute uma verificação automática primeiro (o avaliador de site inclui verificações básicas de acessibilidade; o W3C mantém uma lista de ferramentas de avaliação), depois faça a verificação manual acima. Se seus clientes incluem muitas pessoas com deficiência, contrate testes com usuários com deficiência.

Registro de descobertas preenchido (uma demonstração identificada)

Um negócio fictício, "Harbour Line Plumbing". Não é uma empresa real; isso mostra o formato, não os resultados.

Data verificada: [data]   Verificado por: proprietário   Páginas: Home, Serviços, Contato
Navegador/dispositivos: laptop apenas teclado; celular com leitor de tela
#  Página    Problema                                    Ref. WCAG   Corrigido?
1  Home      Ícone de ligar sem rótulo ("botão")         4.1.2       sim
2  Home      Texto branco sobre foto hero difícil de ler 1.4.3       sim, sobreposição mais escura
3  Contato   Rótulo do campo de CEP é apenas placeholder 3.3.2       sim
4  Contato   Erro diz apenas "Inválido"                  3.3.1       sim, "Digite um número de telefone"
5  Serviços  Alt de fotos da galeria = nomes de arquivos  1.1.1       sim
6  Todos     Sem foco visível nos links do menu           2.4.7       aberto - levantado com o construtor
Não testado: legendas de vídeo (sem vídeo no site)
EM BRANCO
Data / verificado por / páginas / navegadores e dispositivos:
#  Página  Problema  Ref. WCAG  Corrigido? (sim / aberto + nota)
Não testado:

5. Documente descobertas sem afirmar conformidade legal

Edição por clique no construtor We.Inc, usado para corrigir rótulos e texto na página
Corrigindo rótulos e texto no local no construtor We.Inc.

Próximo passo

Comece a partir de um template de negócios no construtor de sites We.Inc, depois execute este checklist e o avaliador de site antes de publicar. Free oferece até 3 sites de template em um endereço we.inc (sem créditos de IA, sem domínio personalizado); Starter a $20/mês adiciona construção com IA e domínios personalizados (preços). Orçando correções ou uma reconstrução? Use a calculadora de custo de site.

Comece a construir o site da sua empresa

Perguntas frequentes

Qual padrão um checklist de acessibilidade de site deve seguir?

WCAG 2.2 no nível AA é o padrão ao qual a maioria das leis e políticas se refere. Este checklist cobre seus problemas mais comuns para pequenas empresas, não todos os critérios.

Um verificador automático pode tornar meu site acessível?

Não. Ferramentas automáticas detectam atributos ausentes e alguns problemas de contraste, mas uma pessoa deve verificar o uso do teclado, o foco, e se rótulos e textos alternativos fazem sentido.

Passar por este checklist torna meu site em conformidade com a ADA?

Nenhum checklist pode garantir conformidade legal. Mantenha um registro datado, publique uma declaração de acessibilidade honesta e consulte um advogado sobre suas obrigações.

Comece grátis · Sem cartão de crédito

Product

Who It's For

Features

Resources

Company

View Sitemap