Acessibilidade web: por que importa para o seu negócio e por onde começar

Acessibilidade costuma entrar na conversa como item de conformidade — algo a resolver se sobrar tempo. É uma leitura ruim, inclusive comercialmente.

Cerca de uma em cada quatro pessoas adultas tem alguma deficiência. Some quem está com o braço imobilizado, quem tenta ler no sol, quem usa um aparelho antigo. Acessibilidade é a mesma coisa que robustez.

O que costuma quebrar

Contraste insuficiente. Cinza-claro sobre branco é bonito na tela do designer e ilegível no celular no meio da rua. A régua objetiva: 4,5:1 para texto normal, 3:1 para texto grande.

Site que não funciona por teclado. Muita gente navega por Tab — por deficiência motora, por preferência ou por estar com o mouse quebrado. Se o menu só abre no hover, ou se não dá para ver onde está o foco, o site fica inutilizável.

Imagem sem alternativa em texto. Leitor de tela anuncia "imagem" e segue. Se a imagem carrega informação, o texto alternativo precisa carregar a mesma informação. Se é enfeite, deve ser marcada como decorativa — texto alternativo inventado atrapalha mais que ajuda.

Formulário sem rótulo de verdade. Placeholder não é rótulo: some quando a pessoa começa a digitar, e leitores de tela nem sempre o anunciam. Todo campo precisa de <label>.

Erro comunicado só por cor. Borda vermelha, sem texto. Quem não distingue a cor não sabe o que aconteceu.

Por onde começar (na ordem)

A ordem importa, porque as três primeiras correções resolvem a maior parte dos problemas reais:

1. Contraste. É medível, objetivo e costuma ser ajuste de token de cor.
2. Navegação por teclado. Percorra o site inteiro só com Tab. Se você não consegue chegar em algum lugar ou perde o foco de vista, está quebrado.
3. Rótulos e textos alternativos. Trabalhoso, mas simples.
4. Estrutura de títulos. Um h1 por página e hierarquia sem pular níveis. É assim que leitores de tela navegam.
5. Movimento. Respeitar prefers-reduced-motion para quem sente desconforto com animação.

Sobre os validadores automáticos

Ferramentas automáticas pegam algo entre 30% e 40% dos problemas. São ótimas para contraste, atributos faltando e estrutura — e cegas para o que importa mais: se o fluxo faz sentido para quem não enxerga a tela.

Um teste manual de dez minutos — navegar por teclado, aumentar a fonte para 200%, desligar as imagens — encontra coisas que nenhum validador aponta.

O efeito colateral

Site acessível costuma ser melhor para todo mundo. Estrutura semântica ajuda buscador. Contraste bom ajuda quem está no sol. Formulário com rótulo claro reduz erro de preenchimento — e erro de preenchimento é contato perdido.

Não é caridade. É construção bem feita.