Contraste
Texto que se lê no sol, no celular e por quem tem baixa visão.
Acessibilidade em sites
Um site que a pessoa com baixa visão, daltonismo ou deficiência motora também consegue usar, ler e pedir orçamento.
- Para todosinclusive com deficiência
- WCAGdiretrizes do W3C
- Tecladoe leitor de tela
Acessibilidade em site é fazer o site funcionar para todo mundo, inclusive pessoas cegas, com baixa visão, daltonismo ou dificuldade de usar o mouse. Na prática, segue as diretrizes WCAG, do W3C: contraste, texto alternativo nas imagens, navegação pelo teclado e compatibilidade com leitor de tela.
Por que acessibilidade importa para pequena empresa
Cliente com deficiência também procura serviço no Google. Se o botão do WhatsApp não funciona no leitor de tela, ele desiste e chama outro.
Também é lei: a Lei Brasileira de Inclusão (Lei 13.146/2015) prevê acessibilidade nos sites de empresas com sede ou representação no Brasil. E boa parte do que deixa o site acessível, como título claro e texto nas imagens, ajuda o Google a entender a página.
O que a gente ajusta
Os pontos que mais travam quem usa o site com alguma limitação.
Texto alternativo
Cada imagem com descrição para o leitor de tela.
Títulos em ordem
H1, H2 e H3 na sequência certa, para navegar por partes.
Teclado
Tudo clicável também com Tab e Enter, com o foco visível.
Formulários
Cada campo com rótulo e mensagem de erro que diz o que corrigir.
Movimento sob controle
Sem animação que pisca ou que não dá para parar.
Como testar a acessibilidade do site
Dá para começar sozinho: navegue pelo site só com o teclado (Tab, Enter, setas). Se você se perder ou não conseguir chegar ao botão de contato, tem problema.
Ferramentas automáticas, como o Lighthouse, que já vem no Chrome, apontam contraste baixo, imagem sem texto alternativo e campo sem rótulo. Elas não pegam tudo: o teste com leitor de tela, como o NVDA no Windows ou o VoiceOver no celular, completa a conferência.
O que está incluído
Incluído
- Teste automático e manual do site
- Ajuste de contraste, títulos e textos alternativos
- Navegação por teclado com foco visível
- Formulários com rótulo e mensagem de erro clara
Não está incluído
- Laudo ou certificado de acessibilidade
- Tradução para Libras em vídeo
- Ajuste em sistema de terceiros embutido no site
Quanto custa deixar o site acessível
Nos sites que a gente cria, contraste, texto alternativo e títulos em ordem já fazem parte do padrão. [PREENCHER: se a acessibilidade completa entra no site novo ou é cobrada à parte]
Para site feito por outra empresa: [PREENCHER: preço da adequação de acessibilidade em site existente]
Perguntas frequentes
Plugin de acessibilidade resolve?
Não sozinho. O botão que aumenta a letra ajuda pouco se o site não funciona no teclado ou no leitor de tela. O ajuste precisa ser no código.
Acessibilidade deixa o site feio?
Não. Contraste bom e título claro deixam o site mais fácil de ler para todo mundo, inclusive no celular.
Site acessível aparece melhor no Google?
Ajuda: texto alternativo, títulos em ordem e site rápido são coisas que o Google também usa para entender a página. Ninguém pode prometer posição.
O site também precisa funcionar bem no celular?
Precisa, e isso anda junto com a acessibilidade. Veja o que é site responsivo.
Vocês emitem certificado?
Não. A gente ajusta e testa o site com base nas diretrizes WCAG, mas não emite laudo.
Serviços relacionados
LGPD para sites
Política, cookies e formulário em ordem.
Ver LGPD para sitesRedesign de site
Site refeito, acessível e rápido.
Ver redesign de siteSite institucional
Site novo que já nasce acessível.
Ver site institucionalVeja também: site responsivo · todos os tipos de site
Orçamento sem compromisso
Um site que todo cliente consegue usar
Mande o endereço do site. A gente testa e responde no WhatsApp o que precisa ajustar.
- Resposta no WhatsApp em horário comercial
- Preço fechado antes de começar
- Sem fidelidade: cancela quando quiser