Download - Daltonismo no desenvolvimento web
![Page 1: Daltonismo no desenvolvimento web](https://reader030.vdocuments.mx/reader030/viewer/2022020203/58f094b71a28ab444b8b459b/html5/thumbnails/1.jpg)
Daltonismo no Desenvolvimento Web
O que é o daltonismo, problemas mais frequentes encontrados e como resolvê-los
Lucas Silva
![Page 2: Daltonismo no desenvolvimento web](https://reader030.vdocuments.mx/reader030/viewer/2022020203/58f094b71a28ab444b8b459b/html5/thumbnails/2.jpg)
Agenda
Sobre CAPTCHA Seletorde Cor
Gráficos TabelasComparativas
Games Ferramentaspara teste
![Page 3: Daltonismo no desenvolvimento web](https://reader030.vdocuments.mx/reader030/viewer/2022020203/58f094b71a28ab444b8b459b/html5/thumbnails/3.jpg)
Daltonismo(Discromatopsia)
Sobre CAPTCHA Seletorde Cor
Gráficos TabelasComparativas
Games Ferramentaspara teste
![Page 4: Daltonismo no desenvolvimento web](https://reader030.vdocuments.mx/reader030/viewer/2022020203/58f094b71a28ab444b8b459b/html5/thumbnails/4.jpg)
Hora de aventura: Fome de vermelho, ep 38, 5ª temporada.
![Page 5: Daltonismo no desenvolvimento web](https://reader030.vdocuments.mx/reader030/viewer/2022020203/58f094b71a28ab444b8b459b/html5/thumbnails/5.jpg)
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.”
![Page 6: Daltonismo no desenvolvimento web](https://reader030.vdocuments.mx/reader030/viewer/2022020203/58f094b71a28ab444b8b459b/html5/thumbnails/6.jpg)
![Page 7: Daltonismo no desenvolvimento web](https://reader030.vdocuments.mx/reader030/viewer/2022020203/58f094b71a28ab444b8b459b/html5/thumbnails/7.jpg)
Problemas mais frequentes
![Page 8: Daltonismo no desenvolvimento web](https://reader030.vdocuments.mx/reader030/viewer/2022020203/58f094b71a28ab444b8b459b/html5/thumbnails/8.jpg)
1- CAPTCHA
Sobre CAPTCHA Seletorde Cor
Gráficos TabelasComparativas
Games Ferramentaspara teste
![Page 9: Daltonismo no desenvolvimento web](https://reader030.vdocuments.mx/reader030/viewer/2022020203/58f094b71a28ab444b8b459b/html5/thumbnails/9.jpg)
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.
![Page 10: Daltonismo no desenvolvimento web](https://reader030.vdocuments.mx/reader030/viewer/2022020203/58f094b71a28ab444b8b459b/html5/thumbnails/10.jpg)
CAPTCHA
Visão Normal Visão com Protanopia
![Page 11: Daltonismo no desenvolvimento web](https://reader030.vdocuments.mx/reader030/viewer/2022020203/58f094b71a28ab444b8b459b/html5/thumbnails/11.jpg)
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?
![Page 12: Daltonismo no desenvolvimento web](https://reader030.vdocuments.mx/reader030/viewer/2022020203/58f094b71a28ab444b8b459b/html5/thumbnails/12.jpg)
ReCAPTCHA
www.google.com/recaptcha
![Page 13: Daltonismo no desenvolvimento web](https://reader030.vdocuments.mx/reader030/viewer/2022020203/58f094b71a28ab444b8b459b/html5/thumbnails/13.jpg)
2- Seletor de Cor
Sobre CAPTCHA Seletorde Cor
Gráficos TabelasComparativas
Games Ferramentaspara teste
![Page 14: Daltonismo no desenvolvimento web](https://reader030.vdocuments.mx/reader030/viewer/2022020203/58f094b71a28ab444b8b459b/html5/thumbnails/14.jpg)
Seletor de Cor
![Page 15: Daltonismo no desenvolvimento web](https://reader030.vdocuments.mx/reader030/viewer/2022020203/58f094b71a28ab444b8b459b/html5/thumbnails/15.jpg)
Seletor de Cor
Seletor de cor do Microsoft Word
![Page 16: Daltonismo no desenvolvimento web](https://reader030.vdocuments.mx/reader030/viewer/2022020203/58f094b71a28ab444b8b459b/html5/thumbnails/16.jpg)
Seletor de Cor
Seletor de cor do Google Docs
![Page 17: Daltonismo no desenvolvimento web](https://reader030.vdocuments.mx/reader030/viewer/2022020203/58f094b71a28ab444b8b459b/html5/thumbnails/17.jpg)
Seletor de Cor
www.jqueryrain.com/demo/jquery-color-picker
![Page 18: Daltonismo no desenvolvimento web](https://reader030.vdocuments.mx/reader030/viewer/2022020203/58f094b71a28ab444b8b459b/html5/thumbnails/18.jpg)
3- Gráficos
Sobre CAPTCHA Seletorde Cor
Gráficos TabelasComparativas
Games Ferramentaspara teste
![Page 19: Daltonismo no desenvolvimento web](https://reader030.vdocuments.mx/reader030/viewer/2022020203/58f094b71a28ab444b8b459b/html5/thumbnails/19.jpg)
Gráficos
Visão Normal Visão com Protanopia
![Page 20: Daltonismo no desenvolvimento web](https://reader030.vdocuments.mx/reader030/viewer/2022020203/58f094b71a28ab444b8b459b/html5/thumbnails/20.jpg)
Gráficos
Gráficos do Google Analytics em 2012.
![Page 21: Daltonismo no desenvolvimento web](https://reader030.vdocuments.mx/reader030/viewer/2022020203/58f094b71a28ab444b8b459b/html5/thumbnails/21.jpg)
Gráficos
Gráficos do Google Analytics em 2016.
![Page 22: Daltonismo no desenvolvimento web](https://reader030.vdocuments.mx/reader030/viewer/2022020203/58f094b71a28ab444b8b459b/html5/thumbnails/22.jpg)
Gráficos
Gráficos do Google Forms em 2016.
![Page 23: Daltonismo no desenvolvimento web](https://reader030.vdocuments.mx/reader030/viewer/2022020203/58f094b71a28ab444b8b459b/html5/thumbnails/23.jpg)
Gráficos
Gráficos no Visual Website Optimizer antes de 2012.
![Page 24: Daltonismo no desenvolvimento web](https://reader030.vdocuments.mx/reader030/viewer/2022020203/58f094b71a28ab444b8b459b/html5/thumbnails/24.jpg)
Gráficos
Gráficos no Visual Website Optimizer em de 2012.
![Page 25: Daltonismo no desenvolvimento web](https://reader030.vdocuments.mx/reader030/viewer/2022020203/58f094b71a28ab444b8b459b/html5/thumbnails/25.jpg)
4- Tabelas Comparativas
Sobre CAPTCHA Seletorde Cor
Gráficos TabelasComparativas
Games Ferramentaspara teste
![Page 26: Daltonismo no desenvolvimento web](https://reader030.vdocuments.mx/reader030/viewer/2022020203/58f094b71a28ab444b8b459b/html5/thumbnails/26.jpg)
Tabelas Comparativas
Tabela em uma matéria do uol.com.br
![Page 27: Daltonismo no desenvolvimento web](https://reader030.vdocuments.mx/reader030/viewer/2022020203/58f094b71a28ab444b8b459b/html5/thumbnails/27.jpg)
Tabelas Comparativas
Comparativo de celulares no tudoparacelular.com
![Page 28: Daltonismo no desenvolvimento web](https://reader030.vdocuments.mx/reader030/viewer/2022020203/58f094b71a28ab444b8b459b/html5/thumbnails/28.jpg)
5- Games
Sobre CAPTCHA Seletorde Cor
Gráficos TabelasComparativas
Games Ferramentaspara teste
![Page 29: Daltonismo no desenvolvimento web](https://reader030.vdocuments.mx/reader030/viewer/2022020203/58f094b71a28ab444b8b459b/html5/thumbnails/29.jpg)
Games
Telas do jogo Wordfeud.
![Page 30: Daltonismo no desenvolvimento web](https://reader030.vdocuments.mx/reader030/viewer/2022020203/58f094b71a28ab444b8b459b/html5/thumbnails/30.jpg)
Games
Telas do jogo Trainyard
![Page 31: Daltonismo no desenvolvimento web](https://reader030.vdocuments.mx/reader030/viewer/2022020203/58f094b71a28ab444b8b459b/html5/thumbnails/31.jpg)
Games
Telas do jogo Trainyard
![Page 32: Daltonismo no desenvolvimento web](https://reader030.vdocuments.mx/reader030/viewer/2022020203/58f094b71a28ab444b8b459b/html5/thumbnails/32.jpg)
Ferramentas para teste
Sobre CAPTCHA Seletorde Cor
Gráficos TabelasComparativas
Games Ferramentaspara teste
![Page 33: Daltonismo no desenvolvimento web](https://reader030.vdocuments.mx/reader030/viewer/2022020203/58f094b71a28ab444b8b459b/html5/thumbnails/33.jpg)
NoCoffe Vision Simulator
Extensão para o Google Chrome
![Page 34: Daltonismo no desenvolvimento web](https://reader030.vdocuments.mx/reader030/viewer/2022020203/58f094b71a28ab444b8b459b/html5/thumbnails/34.jpg)
Colour Contrast Analyser
www.paciellogroup.com/resources/contrastanalyser/
![Page 35: Daltonismo no desenvolvimento web](https://reader030.vdocuments.mx/reader030/viewer/2022020203/58f094b71a28ab444b8b459b/html5/thumbnails/35.jpg)
Obrigado!!
lucasjsilva.com