Existe um número que deveria encerrar a discussão "acessibilidade fica para depois": segundo o IBGE, o Brasil tem 18,6 milhões de pessoas com algum tipo de deficiência, quase 9% da população. Some a isso os óculos esquecidos em casa, o braço engessado, o sol estourando na tela do celular e a idade chegando para todos nós, e a conclusão é inevitável: todo usuário é, em algum momento, um usuário com limitação.

Produto inacessível não é produto com um defeito estético. É produto que escolheu não atender uma fatia enorme de gente, e que, no Brasil, ainda descumpre a lei.

O que a lei diz (e o que o mercado faz)

A Lei Brasileira de Inclusão (Lei 13.146/2015) determina em seu artigo 63 que sites de empresas com sede ou representação comercial no país devem ser acessíveis, conforme as melhores práticas internacionais (texto da lei).

E o mercado? O WebAIM Million, levantamento anual que audita o milhão de páginas mais acessadas da web, encontra falhas de acessibilidade detectáveis automaticamente em cerca de 95% das home pages (webaim.org/projects/million). Ou seja: quase todo mundo está descumprindo o básico, o que também significa que acessibilidade é diferencial competitivo barato.

Os quatro princípios que organizam tudo

A referência internacional citada pela própria lei é a WCAG (Web Content Accessibility Guidelines), do W3C (w3.org/WAI). Ela se organiza em quatro princípios, o acrônimo POUR:

• Perceptível: a informação precisa chegar por mais de um sentido. Imagem tem texto alternativo, vídeo tem legenda, cor nunca é o único indicador ("os campos em vermelho" exclui quem não distingue vermelho).
• Operável: tudo funciona sem mouse. Navegação por teclado completa, foco visível, tempo suficiente para ler e agir.
• Compreensível: linguagem clara, comportamento previsível, erros explicados com instrução de correção, não só "dados inválidos".
• Robusto: HTML semântico que leitores de tela e outras tecnologias assistivas conseguem interpretar. A div clicável que deveria ser button quebra exatamente aqui.

Os erros que encontramos em quase toda auditoria

1. Contraste insuficiente: texto cinza-claro sobre fundo branco. Elegante no Dribbble, ilegível no sol.
2. Imagens sem alt: o leitor de tela anuncia "imagem" e a pessoa fica sem o conteúdo.
3. Formulário sem label: placeholder que some ao digitar não é rótulo.
4. Foco invisível: o usuário de teclado não sabe onde está. Muitos times removem o outline "porque é feio" e não repõem nada.
5. Modais-armadilha: abrem e o foco fica preso atrás, ou não fecham com Esc.

Nada disso exige tecnologia exótica. Exige atenção e processo.

Como tornar isso rotina (e não mutirão anual)

• Resolva no Design System: contraste, foco e semântica corrigidos uma vez no componente valem para o produto inteiro. É um dos maiores retornos de ter um DS.
• Automatize o detectável: ferramentas como axe e Lighthouse no CI pegam a metade automatizável dos problemas antes do deploy.
• Teste o que máquina não pega: navegue seu fluxo principal só com teclado, e depois com um leitor de tela (NVDA é gratuito; VoiceOver já vem no iPhone). Quinze minutos desse exercício mudam a percepção do time para sempre.
• Inclua na definição de pronto: critério de aceite com acessibilidade transforma o assunto de "polimento" em requisito, como qualquer outro.

O retorno que ninguém contabiliza

Acessibilidade melhora o produto para todo mundo: HTML semântico ajuda o SEO, legendas servem quem assiste vídeo no ônibus, contraste bom ajuda qualquer tela sob luz forte, formulários claros reduzem erro e chamados de suporte. É o raro investimento que atende ética, lei e conversão ao mesmo tempo.

Por onde começar no seu produto

Uma auditoria de acessibilidade com plano de correção priorizado é parte do que entregamos no serviço de UX e Design de Interface: avaliamos contra a WCAG, corrigimos no Design System e treinamos o time para o padrão não regredir.

Quer uma prévia de como seu produto está? Descreva (ou cole a URL) para a IA da Rabelo Digital, aqui no canto da tela, e ela indica os pontos de atenção mais prováveis. Sem formulário, sem espera.

---

Leia também

• 5 erros de UX que afastam o usuário
• User Journey: como mapear a jornada do usuário
• Design System: por que seu time precisa de um