Design sem Acessibilidade é apenas decoração
277 falhas de acessibilidade em dois design systems públicos brasileiros, incluindo 128 ocorrências de contraste insuficiente.
Você já tentou ler uma embalagem sob a luz do sol? Ou usar um app com a bateria quase no fim e o brilho da tela no mínimo?
Essas não são situações de "usuário especial". São situações cotidianas onde o design é posto à prova. E quando falhamos nesses testes, não estamos apenas excluindo pessoas com deficiência. Estamos excluindo todo mundo.
"Design acessível não é fazer uma versão separada para 'eles'. É fazer uma versão melhor para todos."
O mito da "borda"
Existe uma crença silenciosa no nosso campo: acessibilidade é design para uma "pequena parcela" de pessoas. Para os casos da borda.
Mas a borda é maior do que você imagina.
Pense em alguém:
- Com o braço quebrado tentando usar um app com uma mão só
- Numa sala barulhenta tentando assistir um vídeo sem fone
- Com 60 anos tentando ler uma fonte de 10px
- Dirigindo e usando comandos de voz
- Numa conexão lenta esperando uma imagem carregar
Isso é situacional. Isso é temporário. Isso é universal.
A Microsoft chama isso de "Persona Spectrum": em algum momento, todos nós somos "deficientes" temporários ou situacionais. E quando você projeta para a extremidade, você melhora a experiência para o centro.
Esse é o Efeito Corte de Calçada: as rampas foram feitas para cadeirantes. Mas quem se beneficia? Pais com carrinho de bebê. Entregadores com caixas. Ciclistas. Idosos. Todo mundo.
Os 3 Pilares Universais do Design Inclusivo
No meu TCC, auditei páginas de documentação e componentes demonstrativos do Bold e do DSGov. A auditoria automatizada registrou 277 ocorrências de não conformidade com o nível AA: 75 no Bold e 202 no DSGov.
As ocorrências envolviam contraste, navegação, rótulos, semântica e ARIA. Elas mostram por que acessibilidade precisa ser considerada tanto no design quanto na implementação.
Os resultados completos e o recorte da auditoria estão no TCC publicado pela UFSC e no dataset público.
1. Clareza Visual: O que não se vê, não existe
O problema: a auditoria registrou 128 ocorrências de contraste insuficiente: 21 no Bold e 107 no DSGov. Essas falhas comprometem a legibilidade do que aparece na tela.
Tradução para designers: Imagine criar um cartaz lindíssimo, mas que desaparece quando você cola ele na rua sob o sol. Ou uma embalagem sofisticada que fica ilegível na prateleira do mercado.
Contraste não é sobre seguir regrinhas chatas. É sobre impacto. É garantir que sua mensagem chegue, não importa onde ela seja lida.
Perguntas que todo criativo deveria fazer:
- Esse título funciona em preto e branco?
- Essa cor de botão é visível em um celular com brilho baixo?
- Esse ícone é reconhecível quando pequeno?
Se o design gráfico nos ensinou algo, é que legibilidade é poder. Quanto mais legível, mais pessoas você alcança.
2. Navegabilidade: A lógica antes da beleza
O problema: Produtos com estrutura visual bonita, mas estrutura de uso quebrada.
Tradução para designers: Pense em um prédio lindo, mas com a rampa de acesso escondida nos fundos. Ou uma cadeira ergonômica que machuca suas costas. Ou um site minimalista onde você não sabe onde clicar.
Hierarquia não é só visual. É funcional.
No design industrial, a gente chama isso de affordance: a dica visual de uso. Uma maçaneta redonda sugere que você gira. Uma plana sugere que você empurra. Quando você quebra essa lógica, você cria confusão.
No design digital é a mesma coisa. Se algo parece clicável, precisa ser clicável. Se algo é importante, precisa estar onde as pessoas procuram.
O teste é simples: Feche os olhos. Se você não consegue saber o que um botão faz só ouvindo, ele não existe. O que para você é minimalismo, para milhões é silêncio.
3. Semântica: Dizer o que as coisas são
O problema: Elementos que parecem uma coisa mas são tratados como outra.
Tradução para designers: Imagine um restaurante com um cardápio lindo, mas sem indicar qual prato é vegetariano, qual tem glúten, qual é apimentado. Visualmente perfeito. Informacionalmente vazio.
Clareza semântica é sobre respeitar a inteligência de quem usa.
No design de conteúdo, isso é óbvio: use linguagem simples. Evite jargões. Seja direto. Mas o mesmo vale pro design visual:
- Ícones precisam ter rótulos
- Botões precisam dizer o que fazem
- Mensagens de erro precisam explicar como resolver
Pessoas não deveriam ter que adivinhar.
O design só transforma quando transforma pra todos
A teoria nós já temos. Os 3 pilares acima não são novidade pra ninguém que estudou design seriamente.
Então, por que a gente continua errando? Por que continuamos excluindo?
A resposta não está no código. Está na mesa do designer. Inspiração visual: múltiplas abas abertas, consultadas ativamente. Documentação de acessibilidade: manchada de café, enterrada sob outros papéis. Não é má vontade. É falta de repertório.
Nos cursos de design, a gente aprende composição, tipografia, teoria das cores, sistemas de grid. Mas acessibilidade? "Isso é coisa de dev."
Aí criamos interfaces lindíssimas que excluem 18,6 milhões de pessoas, 8,9% da população brasileira com 2 anos ou mais de idade (IBGE, PNAD Contínua 2022).
E nem percebemos.
O problema não é falta de talento. É falta de perspectiva.
Se seu projeto não funciona para todos os contextos e todas as pessoas, ele ainda não tá pronto.
Acessibilidade não é um checklist. É inteligência. É empatia aplicada. É design honesto.
E, convenhamos: um design que funciona para 100% das pessoas é objetivamente melhor que um que funciona só para 80%.
Referências:
- Inclusive Design Toolkit - Microsoft
- The Curb Cut Effect - Angela Glover Blackwell, Stanford Social Innovation Review
- Contrast Checker - WebAIM
- Accessibility Fundamentals - W3C/WAI
- PNAD Contínua: Pessoas com deficiência 2022 - IBGE