Este documento discute o daltonismo e problemas relacionados ao desenvolvimento web, como CAPTCHAs e seletores de cores que podem ser difíceis de usar para pessoas com daltonismo. Ele fornece exemplos de como gráficos, tabelas, jogos e ferramentas para teste podem ser projetados para serem mais acessíveis e sugere ferramentas para testar a acessibilidade de cores.

1. Daltonismo no
Desenvolvimento Web
O que é o daltonismo, problemas mais frequentes
encontrados e como resolvê-los
Lucas Silva

2. Agenda
Sobre CAPTCHA Seletor
de Cor
Gráficos Tabelas
Comparativas
Games Ferramentas
para teste

3. Daltonismo
(Discromatopsia)
Sobre CAPTCHA Seletor
de Cor
Gráficos Tabelas
Comparativas
Games Ferramentas
para teste

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

5. 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.”

7. Problemas mais
frequentes

8. 1- CAPTCHA
Sobre CAPTCHA Seletor
de Cor
Gráficos Tabelas
Comparativas
Games Ferramentas
para teste

9. 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.

10. CAPTCHA
Visão Normal Visão com Protanopia

11. 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?

12. ReCAPTCHA
www.google.com/recaptcha

13. 2- Seletor de Cor
Sobre CAPTCHA Seletor
de Cor
Gráficos Tabelas
Comparativas
Games Ferramentas
para teste

14. Seletor de Cor

15. Seletor de Cor
Seletor de cor do Microsoft Word

16. Seletor de Cor
Seletor de cor do Google Docs

17. Seletor de Cor
www.jqueryrain.com/demo/jquery-color-picker

18. 3- Gráficos
Sobre CAPTCHA Seletor
de Cor
Gráficos Tabelas
Comparativas
Games Ferramentas
para teste

19. Gráficos
Visão Normal Visão com Protanopia

20. Gráficos
Gráficos do Google Analytics em 2012.

21. Gráficos
Gráficos do Google Analytics em 2016.

22. Gráficos
Gráficos do Google Forms em 2016.

23. Gráficos
Gráficos no Visual Website Optimizer antes de 2012.

24. Gráficos
Gráficos no Visual Website Optimizer em de 2012.

25. 4- Tabelas
Comparativas
Sobre CAPTCHA Seletor
de Cor
Gráficos Tabelas
Comparativas
Games Ferramentas
para teste

26. Tabelas Comparativas
Tabela em uma matéria do uol.com.br

27. Tabelas Comparativas
Comparativo de celulares no tudoparacelular.com

28. 5- Games
Sobre CAPTCHA Seletor
de Cor
Gráficos Tabelas
Comparativas
Games Ferramentas
para teste

29. Games
Telas do jogo Wordfeud.

30. Games
Telas do jogo Trainyard

31. Games
Telas do jogo Trainyard

32. Ferramentas para
teste
Sobre CAPTCHA Seletor
de Cor
Gráficos Tabelas
Comparativas
Games Ferramentas
para teste

33. NoCoffe Vision Simulator
Extensão para o Google Chrome

34. Colour Contrast Analyser
www.paciellogroup.com/resources/contrastanalyser/

35. Obrigado!!
lucasjsilva.com