Design sem Acessibilidade é apenas decoracao
277 falhas de acessibilidade em dois design systems públicos brasileiros. 73% eram escolhas de design, não bugs de código.
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 a prova. E quando falhamos nesses testes, não estamos apenas excluindo pessoas com deficiencia. Estamos excluindo todo mundo.
"Design acessível não é fazer uma versão separada para 'eles'. E fazer uma versão melhor para todos."
O mito da "borda"
Existe uma crenca 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 braco quebrado tentando usar um app com uma mao so
- 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 conexao lenta esperando uma imagem carregar
Isso é situacional. Isso é temporario. Isso é universal.
A Microsoft chama isso de "Persona Spectrum": em algum momento, todos nos somos "deficientes" temporarios ou situacionais. E quando você projeta para a extremidade, você melhora a experiência para o centro.
Esse é o Efeito Corte de Calcada: as rampas foram feitas para cadeirantes. Mas quem se beneficia? Pais com carrinho de bebe. Entregadores com caixas. Ciclistas. Idosos. Todo mundo.
Os 3 Pilares Universais do Design Inclusivo
Recentemente, auditei os dois maiores sistemas de design público do Brasil em busca de barreiras de acesso. Encontrei 277 falhas.
Mas não eram bugs de código. Não eram erros de sistema.
Eram 277 escolhas de design.
73% delas eram puramente visuais. Coisas que foram desenhadas, aprovadas e implementadas exatamente como planejado. E que quebraram a experiência para milhares de pessoas.
1. Clareza Visual: O que não se ve, não existe
O problema: 73% das falhas que encontrei eram de contraste e hierarquia visual.
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 titulo funciona em preto e branco?
- Essa cor de botao é visível em um celular com brilho baixo?
- Esse icone é reconhecivel quando pequeno?
Se o design gráfico nos ensinou algo, é que legibilidade é poder. Quanto mais legível, mais pessoas você alcanca.
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 predio lindo, mas com a rampa de acesso escondida nos fundos. Ou uma cadeira ergonomica que machuca suas costas. Ou um site minimalista onde você não sabe onde clicar.
Hierarquia não é so visual. E 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 confusao.
No design digital é a mesma coisa. Se algo parece clicavel, precisa ser clicavel. Se algo é importante, precisa estar onde as pessoas procuram.
O teste é simples: Feche os olhos. Se você não consegue saber o que um botao faz so ouvindo, ele não existe. O que para você é minimalismo, para milhoes é silencio.
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 cardapio lindo, mas sem indicar qual prato é vegetariano, qual tem gluten, qual é apimentado. Visualmente perfeito. Informacionalmente vazio.
Clareza semântica é sobre respeitar a inteligencia de quem usa.
No design de conteudo, isso é obvio: use linguagem simples. Evite jargoes. Seja direto. Mas o mesmo vale pro design visual:
- Icones precisam ter rotulos
- Botoes precisam dizer o que fazem
- Mensagens de erro precisam explicar como resolver
Pessoas não deveriam ter que adivinhar.
O design so transforma quando transforma pra todos
A teoria nos 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. Inspiracao visual: múltiplas abas abertas, consultadas ativamente. Documentação de acessibilidade: manchada de cafe, enterrada sob outros papeis. Não é ma vontade. E falta de repertorio.
Nos cursos de design, a gente aprende composição, tipografia, teoria das cores, sistemas de grid. Mas acessibilidade? "Isso é coisa de dev."
Ai criamos interfaces lindíssimas que excluem 24% da população brasileira (segundo o IBGE, são 18,6 milhoes de pessoas com algum tipo de deficiencia).
E nem percebemos.
O problema não é falta de talento. E falta de perspectiva.
Se seu projeto não funciona para todos os contextos e todas as pessoas, ele ainda não ta 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 so para 80%.
Referencias:
- Inclusive Design Toolkit - Microsoft
- The Curb Cut Effect - Angela Glover Blackwell, Stanford Social Innovation Review
- Contrast Checker - WebAIM
- Curso de Introdução a Acessibilidade Web - W3C/WAI