daltonismo no desenvolvimento web

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)




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




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




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




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




Tabelas Comparativas

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

Tabelas Comparativas

Comparativo de celulares no tudoparacelular.com

5- Games




Games

Telas do jogo Wordfeud.

Games

Telas do jogo Trainyard

Ferramentas para teste




NoCoffe Vision Simulator

Extensão para o Google Chrome

Colour Contrast Analyser

www.paciellogroup.com/resources/contrastanalyser/

Obrigado!!

lucasjsilva.com

daltonismo no desenvolvimento web

Technology