Daltonismo no Desenvolvimento Web

O que é o daltonismo, problemas mais frequentes encontrados e como resolvê-los

Lucas Silva

Agenda

Sobre CAPTCHA Seletorde Cor

Gráficos TabelasComparativas

Games Ferramentaspara teste

Daltonismo(Discromatopsia)

Sobre CAPTCHA Seletorde Cor

Gráficos TabelasComparativas

Games Ferramentaspara teste

Hora de aventura: Fome de vermelho, ep 38, 5ª temporada.

Daltonismo

“O daltonismo (também chamado de discromatopsia ou discromopsia) é uma perturbação da percepção visual caracterizada pela incapacidade de diferenciar todas ou algumas cores, manifestando-se muitas vezes pela dificuldade em distinguir o verde do vermelho.”

Problemas mais frequentes

1- CAPTCHA

Sobre CAPTCHA Seletorde Cor

Gráficos TabelasComparativas

Games Ferramentaspara teste

CAPTCHA

Completely Automated Public Turing test to tell Computers and Humans Apart.

Teste de Turing público completamente automatizado para distinguir entre computadores e pessoas.

CAPTCHA

Visão Normal Visão com Protanopia

CAPTCHA

● A quantidade de spam que você está recebendo realmente vale perder conversões?

● Se a resposta for sim, o seu CAPTCHA é amigável para todos os usuários, inclusive para aqueles que são deficientes visuais?

● CAPTCHAs são para robôs, não para seres humanos. Infelizmente, tudo o que uma pessoa pode codificar para tentar evitar os robôs de entrarem em um site é algo que o outro pode encontrar um caminho. A verdadeira consideração é: estamos apenas empurrando o problema com spam para os nossos clientes?

ReCAPTCHA

www.google.com/recaptcha

2- Seletor de Cor

Sobre CAPTCHA Seletorde Cor

Gráficos TabelasComparativas

Games Ferramentaspara teste

Seletor de Cor

Seletor de Cor

Seletor de cor do Microsoft Word

Seletor de Cor

Seletor de cor do Google Docs

Seletor de Cor

www.jqueryrain.com/demo/jquery-color-picker

3- Gráficos

Sobre CAPTCHA Seletorde Cor

Gráficos TabelasComparativas

Games Ferramentaspara teste

Gráficos

Visão Normal Visão com Protanopia

Gráficos

Gráficos do Google Analytics em 2012.

Gráficos

Gráficos do Google Analytics em 2016.

Gráficos

Gráficos do Google Forms em 2016.

Gráficos

Gráficos no Visual Website Optimizer antes de 2012.

Gráficos

Gráficos no Visual Website Optimizer em de 2012.

4- Tabelas Comparativas

Sobre CAPTCHA Seletorde Cor

Gráficos TabelasComparativas

Games Ferramentaspara teste

Tabelas Comparativas

Tabela em uma matéria do uol.com.br

Tabelas Comparativas

Comparativo de celulares no tudoparacelular.com

5- Games

Sobre CAPTCHA Seletorde Cor

Gráficos TabelasComparativas

Games Ferramentaspara teste

Games

Telas do jogo Wordfeud.

Games

Telas do jogo Trainyard

Games

Telas do jogo Trainyard

Ferramentas para teste

Sobre CAPTCHA Seletorde Cor

Gráficos TabelasComparativas

Games Ferramentaspara teste

NoCoffe Vision Simulator

Extensão para o Google Chrome

Colour Contrast Analyser

www.paciellogroup.com/resources/contrastanalyser/

Obrigado!!

lucasjsilva.com