Color Blindness

Transcript

1. Color Blindness How to make digital interfaces more accessible for the colorblind
2. What do you see?
3. Deuteranopia Protanopia Tritanopia Achromatopsia More common and implies reduced sensitivity to green light. Sensitivity reduced to red light. Sensitivity reduced to blue light, but not very common. Impossible to see the colors.
4. It is estimated that about 1 in 12 men and 1 in 200 women have color blindness in the world.
5. 8,35 M 7,83 M 523 K brazilians men women
6. Daltonism is a genetically hereditary and recessive condition linked to the sexual chromosome X. Why?
7. How can we help them?
8. Color shouldn't be the only way to communicate
9. Why?
10. Use contrast in your favor
11. Links should look like links
12. Textures can be your best ally
13. Take advantage of the blue, universal accessibility color
14. Use icons to support the colors
15. If it works in grayscale, you're good to go
16. • Don't use just colors to send a message • Use contrast on your side • Links look like links • Textures your best ally • Blue whenever you can • Icons to support your message • Grayscale test
17. UI Lab: UX e Acessibilidade Color Oracle Colorable W3C Designing colorblind friendly website 10 diretrizes para melhorar sua acessibilidade na web Coletivo UX: Daltonismo e UX Guia de Boas Práticas de Design de Interface para Daltônicos
18. Questions?
19. Take advantage of the blue, universal accessibility color
20. Título Lorem ipsum dolor sit amet, suspendisse dictum ac vehicula, metus aliquet. Turpis vel scelerisque cras nam sapien, nulla accumsan vitae magna pede nec, luctus sollicitudin, lobortis harum. Ut libero, curabitur sed volutpat fermentum donec sed. Morbi sed justo mus nec amet, sodales nulla vestibulum.
21. Título
22. Lorem ipsum dolor sit amet, suspendisse dictum ac vehicula, metus aliquet. Turpis vel scelerisque cras nam sapien, nulla accumsan vitae magna pede nec, luctus sollicitudin, lobortis harum. Ut libero, curabitur sed volutpat fermentum donec sed. Morbi sed justo mus nec amet, sodales nulla vestibulum. Título
23. Título Lorem ipsum dolor sit amet, suspendisse dictum ac vehicula, metus aliquet. Turpis vel scelerisque cras nam sapien, nulla accumsan vitae magna pede nec, luctus sollicitudin, lobortis harum. Ut libero, curabitur sed volutpat fermentum donec sed. Morbi sed justo mus nec amet, sodales nulla vestibulum.
24. Icones