O que é acessibilidade de um site
Acessibilidade é o site funcionar para todas as pessoas — incluindo quem tem deficiência visual, auditiva, motora ou cognitiva, e quem navega com tecnologias assistivas como leitores de tela. A definição de abertura do post original estava correta; o que faltava era o resto. E há um mal-entendido a desfazer logo: acessibilidade não é um "modo especial" nem uma versão paralela do site. É a forma correta de construir o site principal, para que ninguém fique de fora por causa de uma escolha técnica evitável.
As 4 barreiras e quem elas afetam
| Barreira | Quem afeta | O que quebra no site | O ajuste central |
|---|---|---|---|
| Visual | Cegueira, baixa visão, daltonismo | Imagem sem descrição, contraste baixo, informação só por cor | Texto alternativo e contraste |
| Auditiva | Surdez e perda auditiva | Vídeo sem legenda, áudio sem transcrição | Legenda e transcrição |
| Motora | Quem não usa mouse com precisão | Menu que só abre no passar do mouse, botão minúsculo | Navegação por teclado e área de toque |
| Cognitiva | Dislexia, TDAH, baixa familiaridade digital | Texto denso, estrutura confusa, jargão | Linguagem simples e hierarquia clara |
Por que beneficia muito mais gente do que se imagina
Parte das situações que a acessibilidade resolve é temporária ou circunstancial, e atinge todo mundo em algum momento: assistir a um vídeo sem som no transporte público (legenda), usar o celular no sol forte (contraste), navegar com uma mão ocupada (área de toque), estar com o braço imobilizado (teclado), ler em uma tela pequena (texto redimensionável), entender um serviço técnico pela primeira vez (linguagem simples). É por isso que um site acessível costuma ser simplesmente um site melhor — e por que o retorno do esforço não se limita a um grupo específico de visitantes.
Os 10 ajustes que mais importam
- Texto alternativo real nas imagens — descrevendo o que a imagem comunica, não o nome do arquivo. Imagem decorativa recebe alternativo vazio, para o leitor de tela ignorá-la;
- Contraste suficiente entre texto e fundo — o problema mais comum é texto cinza-claro sobre branco, que também atrapalha qualquer pessoa no celular sob sol;
- Navegação completa por teclado — percorra a página só com a tecla Tab: tudo o que dá para clicar precisa ser alcançável, na ordem lógica;
- Foco visível — um contorno claro mostrando onde você está. Muitos sites removem esse contorno "por estética" e cegam quem navega por teclado;
- Rótulo em cada campo de formulário, associado ao campo — texto de exemplo dentro do campo não substitui rótulo, porque some quando a pessoa começa a digitar;
- Hierarquia de títulos correta — um H1 por página, H2 e H3 em ordem. É o índice pelo qual o leitor de tela navega;
- Nunca informar apenas pela cor — "campos em vermelho são obrigatórios" exclui quem não distingue vermelho. Use também texto ou símbolo;
- Legenda em vídeo e transcrição em áudio;
- Área de toque confortável no celular — botões e links pequenos e colados uns nos outros excluem quem tem tremor ou pouca precisão;
- Texto que aumenta sem quebrar — dê zoom a 200% e veja se o conteúdo continua legível e nada some.
O que a lei brasileira exige
A correção mais importante em relação à versão de 2018: o texto original citava apenas a legislação dos Estados Unidos e da União Europeia — e omitia justamente a que vale para o leitor brasileiro. A Lei Brasileira de Inclusão (Lei nº 13.146/2015), no artigo 63, torna obrigatória a acessibilidade nos sites mantidos por empresas com sede ou representação comercial no país e por órgãos de governo, garantindo à pessoa com deficiência acesso às informações disponíveis, conforme as melhores práticas e diretrizes de acessibilidade adotadas internacionalmente.
Em outras palavras: para uma empresa brasileira, site acessível não é diferencial, é obrigação legal — além de ser a coisa certa a fazer.
WCAG e eMAG: as normas de referência
Quando a lei fala em "diretrizes adotadas internacionalmente", a referência prática é a WCAG (Web Content Accessibility Guidelines), publicada pelo W3C, o consórcio que define os padrões da web. Ela se organiza em três níveis de conformidade — A, AA e AAA —, sendo o nível AA o mais adotado como meta em projetos comerciais. Os dez ajustes listados acima cobrem boa parte do que o nível AA pede. No setor público brasileiro, a referência é o eMAG, o Modelo de Acessibilidade em Governo Eletrônico, construído sobre os mesmos princípios.
Acessibilidade e SEO: o que é verdade
A versão antiga afirmava que "os motores de busca, como o Google, dão preferência a sites acessíveis em seus algoritmos de classificação". Isso é forte demais: não existe um fator de ranqueamento chamado acessibilidade. O que existe é uma sobreposição real de trabalho. Texto alternativo, hierarquia de títulos, rótulos de formulário, estrutura semântica e bom desempenho no celular ajudam ao mesmo tempo o leitor de tela e o buscador a entender a página — os dois leem a mesma estrutura. Somem-se os sinais de uso: uma página que as pessoas conseguem usar tende a reter melhor. Fazer um beneficia o outro; mas são objetivos distintos, e a acessibilidade se justifica sozinha. A base técnica compartilhada está descrita em o que é desenvolvimento web e em o que é mobile friendly.
"Acessibilidade não é fazer uma versão do site para algumas pessoas. É parar de fazer um site que exclui algumas pessoas."
O que os plugins de acessibilidade não resolvem
São aquelas barras flutuantes com um ícone de acessibilidade, que oferecem aumentar a fonte, trocar as cores e ativar um modo de leitura. Ajudam em pontos específicos e não fazem mal — mas não corrigem o que está errado no código, e é aí que mora o problema real: imagem sem descrição continua sem descrição; formulário sem rótulo continua ilegível para o leitor de tela; conteúdo inalcançável por teclado continua inalcançável; contraste ruim no conteúdo principal continua ruim. Tratar o plugin como solução dá uma falsa sensação de conformidade — inclusive diante da exigência legal. Acessibilidade se resolve na construção da página, e o widget, quando existe, é complemento.
Como testar em 15 minutos
- Teste do teclado (5 min) — percorra a página só com Tab. Você alcança todos os links, botões e campos? Enxerga onde está? Consegue enviar o formulário? Consegue abrir o menu?
- Teste do zoom (2 min) — aumente para 200%. O texto continua legível, nada some nem se sobrepõe?
- Teste sem imagens (3 min) — desative as imagens no navegador. O conteúdo continua compreensível, ou a página vira um vazio com molduras?
- Teste da cor (2 min) — há alguma informação transmitida só por cor? Campos obrigatórios, status, avisos?
- Verificação automática (3 min) — as ferramentas de desenvolvedor dos navegadores modernos têm auditoria de acessibilidade embutida, que aponta os erros mais evidentes de graça.
Esses cinco testes não substituem uma auditoria profissional, mas encontram a maior parte dos problemas que afastam visitantes hoje.
Quanto custa fazer certo desde o começo
Quase nada — e é esse o argumento decisivo. Escrever um texto alternativo leva segundos; escolher cores com contraste adequado não custa; usar títulos em ordem é a forma correta de escrever HTML de qualquer maneira; associar rótulo a campo é uma linha de código. A maior parte dos dez ajustes é decisão de construção, não trabalho extra. Caro é o contrário: descobrir depois, com o site pronto, e ter de revisar página por página. É a mesma lógica de qualquer requisito deixado para o fim de um projeto, como mostra o mapa organizacional da criação de sites — combine a acessibilidade já no briefing.
5 erros comuns
- Alternativo genérico — "imagem", "foto1.jpg", ou repetir a legenda que já está ao lado;
- Remover o contorno de foco por preferência visual, cegando quem navega por teclado;
- Texto de exemplo no lugar do rótulo — some quando a pessoa digita e deixa o campo sem identificação;
- Confiar no plugin e considerar o assunto resolvido;
- Tratar como item opcional do orçamento — quando, para empresa brasileira, é exigência legal.
Perguntas frequentes
O que é acessibilidade de um site?
É o site funcionar para todas as pessoas, incluindo quem tem deficiência visual, auditiva, motora ou cognitiva, e quem usa tecnologias assistivas como leitores de tela. Não é um modo especial nem uma versão paralela do site: é a forma correta de construir o site principal, para que ninguém fique de fora por causa de uma escolha técnica evitável.
A lei brasileira exige site acessível?
Sim. A Lei Brasileira de Inclusão (Lei 13.146/2015), no artigo 63, torna obrigatória a acessibilidade nos sites mantidos por empresas com sede ou representação comercial no país e por órgãos de governo, garantindo à pessoa com deficiência acesso às informações disponíveis, conforme as melhores práticas e diretrizes de acessibilidade adotadas internacionalmente.
Quais ajustes de acessibilidade fazem mais diferença?
Dez resolvem a maior parte dos problemas: texto alternativo descritivo nas imagens, contraste suficiente, navegação completa por teclado, foco visível, rótulo em cada campo de formulário, hierarquia correta de títulos, não informar apenas pela cor, legenda em vídeo e transcrição em áudio, área de toque confortável no celular e texto que aumenta sem quebrar a página.
Acessibilidade melhora o SEO?
Indiretamente, e não porque exista um fator de ranqueamento chamado acessibilidade. O que acontece é que boa parte do trabalho é o mesmo: texto alternativo, hierarquia de títulos, rótulos, estrutura semântica e bom desempenho no celular ajudam tanto o leitor de tela quanto o buscador a entender a página. Fazer um beneficia o outro, mas são objetivos distintos.
Plugins de acessibilidade resolvem o problema?
Não sozinhos. As barras flutuantes que aumentam fonte e trocam cores ajudam em pontos específicos, mas não corrigem o que está errado no código: imagem sem descrição continua sem descrição, formulário sem rótulo continua ilegível para leitor de tela, e conteúdo inalcançável por teclado continua inalcançável. Acessibilidade se resolve na construção da página.
O que são WCAG e eMAG?
WCAG são as diretrizes internacionais de acessibilidade para conteúdo web, publicadas pelo W3C e organizadas em níveis de conformidade (A, AA e AAA); o nível AA é o mais adotado como referência. O eMAG é o modelo de acessibilidade em governo eletrônico brasileiro, aplicável a sites públicos, construído a partir dos mesmos princípios.
Como testar a acessibilidade do meu site?
Em cerca de quinze minutos, sem ferramenta paga: navegue a página inteira só com a tecla Tab e veja se alcança tudo e enxerga onde está; aumente o zoom para 200% e confira se nada quebra; desative as imagens e veja se o conteúdo continua compreensível; leia um formulário sem enxergar as cores; e rode uma verificação automática no próprio navegador para achar os erros mais evidentes.
Acessibilidade encarece muito um site?
Feita desde o começo, quase não pesa: a maior parte dos dez ajustes é decisão de construção, não trabalho extra — escrever um texto alternativo leva segundos, escolher cores com contraste não custa nada. Caro é corrigir depois, refazendo páginas prontas. É a mesma lógica de qualquer requisito técnico deixado para o fim do projeto.