Design System acessível abre caminho para inclusão digital de pessoas com baixa visão no Brasil, mostra estudo

Publicado em 30 de abril de 2026, às 15h30 (horário de Brasília)

Menos de 3% dos sites brasileiros são totalmente acessíveis, apesar de mais de 6,5 milhões de pessoas viverem com baixa visão no país. Para reverter esse cenário, pesquisadoras da área de Ciência da Computação desenvolveram um Design System acessível e um protótipo de alta fidelidade,  uma solução prática que transforma diretrizes internacionais em componentes digitais reutilizáveis. O trabalho, publicado na Revista Sociedade Científica (vol. 9, n. 1, 2026), combina experiência do usuário (UX) com as diretrizes WCAG e pode servir como referência para portais públicos, educacionais e privados que buscam maior inclusão digital.

Barreiras invisíveis: contraste e navegação ainda excluem milhões

O processo de transformação digital ampliou o acesso a serviços, conteúdos e transações online, mas expandiu também as desigualdades para quem enxerga parcialmente. A baixa visão, diferente da cegueira total, preserva um resíduo visual funcional, porém muito sensível às condições de apresentação da informação. Contraste inadequado, fonte pequena, ausência de rótulos, indicadores de foco invisíveis e menus instáveis transformam tarefas simples (como preencher um formulário ou ler uma notícia) em experiências frustrantes e, muitas vezes, impossíveis. Para as autoras Ana Beatriz Marques Moreira e Tayse Virgulino Ribeiro, o problema não está apenas no descumprimento de normas técnicas. “A conformidade com as diretrizes de acessibilidade é necessária, mas nem sempre suficiente para assegurar eficiência e satisfação em contexto real de uso”, anotam no artigo. A solução, segundo a pesquisa, exige ir além da lista de verificação: é preciso personalização visual, previsibilidade de navegação e uma arquitetura de interface que mantenha a coerência mesmo quando o usuário amplia a tela em 200% ou ativa o modo de alto contraste.

O que é um Design System acessível e por que ele funciona

Diferentemente de correções isoladas (aplicadas tardiamente no desenvolvimento), um Design System acessível incorpora requisitos de inclusão diretamente nos componentes-base da interface: botões, campos de formulário, menus, cores, tipografia e estados de interação. A pesquisa detalha a criação de tokens de design (valores primitivos de cor, espaçamento e tipografia) que garantem contraste mínimo de 18,1:1 para textos principais, bem acima do nível AAA exigido pelas diretrizes WCAG 2.1. A paleta cromática também adota o princípio de redundância: nenhuma informação é transmitida exclusivamente por cor, sendo sempre acompanhada por texto ou ícone. Outro destaque técnico é o menu lateral persistente. Após uma avaliação heurística comparativa (que testou menus superior fixo, lateral e hambúrguer), o modelo lateral foi o que apresentou melhor desempenho para pessoas com baixa visão: oferece previsibilidade espacial, suporte robusto à navegação por teclado e não se oculta, reduzindo a carga cognitiva. A pesquisa também exige um skip link (primeiro elemento focável) que permite pular diretamente ao conteúdo principal, e uma barra de acessibilidade com controles de aumento de fonte (até 200%), alto contraste e espaçamento ampliado, recursos que, historicamente, são tratados como opcionais, mas que o estudo consagra como “requisito funcional”.

Brasil tem desafio estrutural: só 2,9% dos sites estão aprovados

O artigo ancora sua relevância em dados concretos. Em 2024, levantamento da BigDataCorp em parceria com o Movimento Web para Todos revelou que apenas 2,9% dos sites brasileiros foram aprovados em todos os testes de acessibilidade aplicados. Esse número evidencia a persistência de barreiras, mesmo depois de anos de vigência da Lei Brasileira de Inclusão (13.146/2015) e de recomendações internacionais. A escassez de soluções sistematizadas e reutilizáveis é apontada no estudo como uma das razões para a lentidão do avanço: faltam artefatos prontos (guias de estilo, bibliotecas de componentes, fluxogramas de tarefa) que possam ser adotados diretamente por equipes de design e desenvolvimento. Para preencher essa lacuna, as pesquisadoras utilizaram o Design Science Research (DSR), uma metodologia que combina diagnóstico, avaliação comparativa e construção de artefato. O resultado foi um protótipo navegável de alta fidelidade desenvolvido no Figma, simulando um portal informacional genérico com páginas de conteúdo, busca, formulários e painel de acessibilidade. Três fluxos críticos foram modelados: localizar informação por busca, preencher formulário com validação em linha e ajustar preferências visuais. Em todos eles, a comunicação de estado dinâmica foi garantida por atributos WAI-ARIA (regiões aria-live), permitindo que tecnologias assistivas anunciem resultados de busca e mensagens de erro sem sobrecarregar o usuário.

O que os resultados mostram e o que falta fazer

O artefato foi avaliado por meio de um Checklist de Conformidade Heurística com 110 itens, distribuídos em seis categorias: contraste/legibilidade, tamanho/espaçamento, navegação/interação, feedback/estado, consistência/padrões e flexibilidade/personalização. O índice global de conformidade alcançou 94,5%, com destaque para navegação (97%) e consistência (98%). O menor índice (90% em flexibilidade) não decorreu de ausência de recursos, mas da limitação do ambiente de prototipação (que não permite demonstrar persistência real de preferências entre sessões sem implementação em código). Ainda assim, as autoras consideram o resultado robusto o suficiente para afirmar que a articulação entre Design System e protótipo de alta fidelidade “fortalece a consistência da interface, reduz barreiras de uso e oferece um artefato prático para apoiar equipes de design e desenvolvimento”. Como próximos passos, o estudo recomenda a implementação do sistema em código (HTML/CSS/JavaScript), a realização de testes de usabilidade com usuários reais com baixa visão e a ampliação da biblioteca de componentes para incluir tabelas e gráficos acessíveis. Também sugere investigar a integração com tecnologias assistivas baseadas em inteligência artificial.

Por que essa pesquisa importa agora

O trabalho dialoga diretamente com três Objetivos de Desenvolvimento Sustentável da ONU: ODS 4 (educação de qualidade), ODS 9 (indústria, inovação e infraestrutura) e ODS 10 (redução das desigualdades). Em um contexto onde serviços públicos, escolares e bancários migram rapidamente para o digital, deixar de incluir mais de 6,5 milhões de brasileiros com baixa visão não é apenas uma falha técnica, é uma violação do direito de acesso à informação. O Design System apresentado na Revista Sociedade Científica mostra que é possível projetar com inclusão desde a primeira linha de código, sem transformar a acessibilidade em uma etapa de correção tardia e cara.