Logo Dan Souza

Colorblind Filter

O projeto Colorblind Filter nasceu do meu Trabalho de Conclusão de Curso em Ciência da Computação. O objetivo foi desenvolver um filtro corretivo de cores capaz de melhorar a acessibilidade da web para pessoas com daltonismo, condição que afeta mais de 350 milhões de indivíduos no mundo. A proposta foi criar uma solução prática e aplicada diretamente em sites, permitindo que usuários selecionassem seu tipo de daltonismo e tivessem as cores da interface corrigidas em tempo real.

O desenvolvimento envolveu uma pesquisa aprofundada sobre os três tipos mais comuns de daltonismo (protanopia, deuteranopia e tritanopia) e sobre técnicas de correção, como transformações lineares aplicadas a valores RGB. A partir dessa base, implementei um componente em React, integrado a um site criado com Next.js, Tailwind CSS e TypeScript, hospedado na Vercel. A lógica foi encapsulada em funções específicas, responsáveis por identificar cores a serem corrigidas, converter valores para RGB, aplicar o algoritmo e devolver os resultados em hexadecimal.

Para validação, utilizei simuladores como o Colorlite e o Colorblindly, comparando a percepção visual antes e depois da aplicação do filtro. Os resultados mostraram um aumento significativo na distinção de cores em botões, textos e imagens, confirmando a viabilidade técnica da solução. Embora ainda não tenha passado por testes empíricos com usuários finais, utilizando outras obras com o mesmo princípio e resultados parecidos, o projeto demonstrou eficácia e abre caminho para futuras evoluções, como transformar o filtro em um módulo exportável aplicável em qualquer site.

Esse trabalho foi uma contribuição concreta para o campo de acessibilidade digital, promovendo inclusão, sensibilizando desenvolvedores para práticas de design inclusivo e mostrando como pequenas soluções técnicas podem impactar diretamente a experiência de milhões de pessoas.

ReactNextJsTailwindTypescriptShadcn UIESLint
Voltar para Projetos

Home

Tela inicial apresentando informações sobre o daltonismo, explicando o que é essa condição e como as pessoas com daltonismo percebem as cores. A tela também inclui orientações sobre como utilizar a ferramenta proposta.

Imagem da sessão Home

Teste em Componentes

Tela com alguns componentes projetados para testar o filtro corretivo, permitindo aos usuários visualizar como diferentes tipos de daltonismo afetam a percepção das cores.

Imagem da sessão Teste em Componentes

Teste em Imagens

Tela exibindo imagens do teste de Ishihara, junto de imagens geradas por inteligência artificial, para realizar o teste de recoloração. Os usuários podem interagir com o filtro, permitindo avaliar a percepção das cores, simulando diferentes condições de daltonismo e ajudando a entender como a visão pode ser modificada através de filtros corretivos.

Imagem da sessão Teste em Imagens

Entre em contato