Acessibilidade no site Contraste, teclado e texto alternativo sem mistério.
Teste o contraste das cores da sua marca com a razão da WCAG, sinta o que o foco de teclado faz pela navegação, pratique textos alternativos e confira o checklist.
Como tornar o site de uma empresa mais acessível?
Comece pelo que mais quebra e é mais barato de corrigir: contraste de cores, navegação por teclado com foco visível, textos alternativos, rótulos de formulário e hierarquia de títulos. Depois, valide com um leitor de tela e com pessoas reais.
Isso melhora a experiência de todos e ajuda o site a ser compreendido pelos buscadores.
Contraste de cores pela WCAG
Escolha as cores e veja os níveis de conformidade.
Contraste insuficiente é uma das falhas mais comuns e mais fáceis de corrigir. A WCAG define a razão mínima entre texto e fundo: 4,5:1 para texto normal e 3:1 para texto grande e componentes de interface. Escolha as cores e veja o resultado.
Texto normal: peça seu orçamento agora
Texto grande
Navegar só pelo teclado
Sinta a diferença entre foco visível e foco removido.
Muita gente navega só pelo teclado: pessoas com deficiência motora, usuários de leitores de tela e quem prefere atalhos. Pressione Tab nos botões abaixo, com o foco visível e sem ele, e sinta a diferença.
Texto alternativo na prática
Quatro situações, quatro escolhas.
O texto alternativo permite que leitores de tela descrevam imagens e ainda ajuda o Google a entender o conteúdo. Escolha a melhor opção em cada caso.
Responda as quatro situações.
As falhas mais comuns
Seis problemas que aparecem em quase todo site.
Formulários sem rótulo
Placeholder não substitui a legenda do campo: ele some ao digitar. Use rótulos visíveis e associados ao campo.
Links “clique aqui”
Sozinhos, não dizem para onde vão. Use textos como “ver planos de manutenção”.
Títulos fora de ordem
Use um H1 e hierarquia lógica de H2 e H3. Leitores de tela navegam por títulos.
Texto sobre imagem
Sem um fundo ou sobreposição garantindo o contraste, o texto some em fotos claras ou variadas.
Alvos de toque pequenos
Botões e links muito pequenos ou colados dificultam o uso no celular. A WCAG 2.2 define um tamanho mínimo para os alvos.
Vídeo sem legenda
Legendas ajudam quem não ouve e quem assiste sem som. Ofereça também transcrição quando possível.
Acessibilidade e SEO andam juntas: títulos bem estruturados, textos alternativos, links descritivos e velocidade ajudam pessoas e buscadores.
Checklist de acessibilidade
Doze itens para revisar o seu site.
Lei Brasileira de Inclusão: a lei prevê a acessibilidade em sites de empresas com sede ou representação comercial no país. Além de risco jurídico, ignorar o tema exclui clientes. Consulte um especialista para a sua situação.
Como este guia foi feito
Conteúdo escrito pela equipe da Criação de Sites São Paulo, com base na documentação oficial listada ao lado e na nossa experiência em projetos de sites, lojas virtuais e presença digital. Última revisão em 14 de outubro de 2026.
As simulações e os números de exemplo são didáticos: troque pelos valores da sua operação. Informações legais, fiscais e de plataformas mudam; confirme na fonte oficial e, quando for o caso, com um profissional habilitado.
Quer aplicar isso no seu projeto? Você pode ver como desenvolvemos sites acessíveis.
Perguntas frequentes
Dúvidas frequentes sobre acessibilidade em sites.
O que é a WCAG?
É o conjunto de diretrizes internacionais de acessibilidade para a web, publicado pelo W3C. Ela organiza os requisitos em níveis (A, AA e AAA). O nível AA costuma ser a meta mais usada em sites de empresas.
Qual contraste mínimo devo usar?
Para o nível AA, 4,5:1 para texto normal e 3:1 para texto grande e componentes de interface, como bordas de campos e ícones importantes.
Acessibilidade ajuda no SEO?
Indiretamente, sim. Títulos bem estruturados, textos alternativos, links descritivos, boa velocidade e leitura fácil melhoram a experiência e ajudam os buscadores a entender a página, mas não há garantia de posição.
Plugins de acessibilidade resolvem tudo?
Normalmente não. Ferramentas automáticas detectam só parte dos problemas e não corrigem falhas estruturais de código e de conteúdo. O caminho mais sólido é construir o site de forma acessível e testar com pessoas.
Sites de empresas privadas precisam ser acessíveis?
A Lei Brasileira de Inclusão prevê a acessibilidade em sites de empresas com sede ou representação comercial no país. A aplicação depende do caso, então consulte um especialista jurídico.
Leia também
Outros guias práticos da Criação de Sites São Paulo para quem quer decidir melhor.
Quer um site acessível desde o design?
Definimos paleta, tipografia, foco de teclado e estrutura de conteúdo com acessibilidade desde o início, e testamos antes de publicar.
