Acessibilidade em sites: por que importa e como começar

Cerca de uma em cada seis pessoas no mundo vive com uma deficiência significativa. Muitas outras têm limitações temporárias ou situacionais: um braço quebrado, uma tela de celular pequena sob sol forte ou olhos cansados no fim do dia. Um site acessível funciona para todas elas e, geralmente, funciona melhor para todo mundo também.

Por que a acessibilidade importa para o seu negócio

• Mais clientes: se as pessoas não conseguem ler, navegar ou comprar no seu site, elas vão para a concorrência.
• SEO melhor: títulos claros, links descritivos e descrições de imagens ajudam os mecanismos de busca a entender suas páginas.
• Exigências legais: em muitos países, incluindo a UE com o Ato Europeu de Acessibilidade e os EUA com a ADA, espera-se cada vez mais que sites que vendem ao público sejam acessíveis.
• Uma marca melhor: um site inclusivo mostra que você se importa com cada cliente.

O padrão a seguir

As Diretrizes de Acessibilidade para Conteúdo Web (WCAG) são a referência internacional. A maioria das empresas busca a WCAG 2.1 ou 2.2 no nível AA. As diretrizes se organizam em torno de quatro princípios: o conteúdo deve ser perceptível, operável, compreensível e robusto.

Melhorias rápidas que você pode verificar hoje

1. Alternativas em texto: toda imagem com significado tem uma descrição curta (texto alternativo). Imagens decorativas têm o texto alternativo vazio para que os leitores de tela as ignorem.
2. Contraste de cores: o texto é escuro o suficiente em relação ao fundo para ser lido com facilidade. Evite cinza-claro sobre branco.
3. Títulos em ordem: um título principal por página e depois títulos de seção lógicos, para que usuários de leitores de tela possam navegar pela página.
4. Links descritivos: "Baixe a tabela de preços" em vez de "clique aqui".
5. Uso pelo teclado: todos os menus, botões e formulários podem ser usados com as teclas Tab e Enter, com um contorno de foco visível.
6. Formulários com rótulos: cada campo tem um rótulo visível, e as mensagens de erro explicam como corrigir o problema.
7. Zoom e tamanho do texto: a página continua funcionando com zoom de 200 por cento.
8. Legendas: os vídeos têm legendas, e o áudio tem transcrição.

Erros comuns

• Texto dentro de imagens, que os leitores de tela não conseguem ler e que não se ajusta ao tamanho.
• Pop-ups que prendem usuários de teclado ou que não podem ser fechados.
• Botões que são apenas ícones, sem nome acessível.
• Usar apenas a cor para indicar algo, como vermelho para um erro sem nenhuma mensagem.
• Depender de widgets de "overlay de acessibilidade" em vez de corrigir o próprio site. Eles raramente resolvem os problemas reais.

Como testar o seu site

Comece com ferramentas gratuitas como Google Lighthouse ou WAVE para encontrar os problemas óbvios. Depois, teste seu próprio site usando apenas o teclado e com o leitor de tela integrado ao seu celular ou computador. Ferramentas automáticas detectam cerca de um terço dos problemas, então vale a pena uma revisão manual feita por alguém experiente nas páginas importantes, como o checkout e os formulários de contato.

Faça disso parte do processo

A acessibilidade é mais fácil quando é incorporada desde o início: no design, no código e em cada nova página que você publica. Corrigir depois é possível, mas custa mais.