Acessibilidade web: o detalhe que separa um profissional de um amador

Um site que parte dos seus visitantes não consegue usar

Imagine entregar uma loja cuja porta é estreita demais para um quinto dos seus clientes. É exatamente o que faz um site inacessível: pessoas com baixa visão, daltônicas, que navegam pelo teclado, com um leitor de tela ou simplesmente sob sol forte no celular — todas esbarram em barreiras invisíveis para o desenvolvedor que não as testa.

A acessibilidade (a11y) não é uma camada que se adiciona no fim. É uma maneira de construir, desde a primeira linha.

O que verifico sistematicamente

Não são casos exóticos, são fundamentos que aplico em cada projeto:

• Contraste — um texto deve se destacar do fundo (razão de 4.5:1 no mínimo para o corpo). O cinza claro «elegante» sobre branco costuma ser ilegível.
• Navegação por teclado — tudo o que é clicável deve ser alcançável com a tecla Tab, com um foco visível. Muitos sites removem o contorno de foco «por design»: é um erro.
• Textos alternativos — cada imagem com significado carrega um alt descritivo; as imagens decorativas são marcadas como tais.
• Estrutura semântica — um único <h1>, uma hierarquia de títulos lógica, marcos (nav, main, footer) que os leitores de tela anunciam.
• Alvos de toque — no celular, um botão pequeno demais é um botão que se erra.

A acessibilidade não engessa o design. Ela o disciplina. As exigências de contraste e foco quase sempre produzem uma interface mais clara para todo mundo.

A ligação direta com o SEO

O que muitos ignoram: o Google lê uma página como um leitor de tela. Uma estrutura semântica limpa, alt pertinentes, links explícitos — são os mesmos sinais que servem à acessibilidade e ao posicionamento. Tornar um site acessível é, quase mecanicamente, torná-lo mais visível.

Um site acessível marca, assim, três caixas de uma vez: mais usuários, melhor SEO, menos risco jurídico (a acessibilidade está se tornando obrigação legal em cada vez mais países).

Zero violações WCAG não é o mesmo que «realmente utilizável»

As ferramentas automáticas (Lighthouse, axe) capturam parte dos problemas — contrastes, alt ausentes, papéis ARIA quebrados. Mas uma pontuação de 100 não garante que um humano se vire. Algumas coisas só se testam à mão:

• Navegar a página inteira só com o teclado, sem mouse.
• Ouvi-la com um leitor de tela (VoiceOver, NVDA).
• Verificar que nada dependa apenas da cor para ser compreendido.

É essa última linha — o teste humano — que o amador pula e o profissional nunca esquece.

Minha posição

Não cobro «a acessibilidade» como opção premium. Faz parte do que significa entregar um site correto, tanto quanto ele deve aparecer no celular. Uma entrega que exclui parte dos seus visitantes não está terminada — está incompleta. E essa exigência, invisível numa demo de trinta segundos, é precisamente o que distingue um trabalho duradouro de um site descartável.