Difference between revisions of "Color References"
| Line 9: | Line 9: | ||
We Are Colorblind; | We Are Colorblind; | ||
https://wearecolorblind.com/resources/collection/resources-for-designing-for-the-colorblind/; | https://wearecolorblind.com/resources/collection/resources-for-designing-for-the-colorblind/; | ||
| + | Color Blindness; | ||
| + | Deque University - Accessibility Basic Concepts; | ||
| + | https://dequeuniversity.com/class/archive/basic-concepts1/types-of-disabilities/color-blindness; | ||
|headline2=Color_Scheme | |headline2=Color_Scheme | ||
|coord head2=326.416, 353.124, 0.000 | |coord head2=326.416, 353.124, 0.000 | ||
|references2= | |references2= | ||
Color Oracle; | Color Oracle; | ||
| − | Free color blindness simulator | + | Free color blindness simulator; |
https://colororacle.org; | https://colororacle.org; | ||
Colorblindly; | Colorblindly; | ||
| Line 57: | Line 60: | ||
https://wearecolorblind.com/resources/collection/resources-for-designing-for-the-colorblind/ | https://wearecolorblind.com/resources/collection/resources-for-designing-for-the-colorblind/ | ||
| + | |||
| + | ===Color Blindness=== | ||
| + | Deque University - Accessibility Basic Concepts | ||
| + | |||
| + | https://dequeuniversity.com/class/archive/basic-concepts1/types-of-disabilities/color-blindness | ||
==Color scheme== | ==Color scheme== | ||
===Color Oracle=== | ===Color Oracle=== | ||
| − | Free color blindness simulator | + | Free color blindness simulator |
https://colororacle.org | https://colororacle.org | ||
===Colorblindly=== | ===Colorblindly=== | ||
| − | Simulates colorblindness in your web browser | + | Simulates colorblindness in your web browser |
https://chrome.google.com/webstore/detail/colorblindly/floniaahmccleoclneebhhmnjgdfijgg | https://chrome.google.com/webstore/detail/colorblindly/floniaahmccleoclneebhhmnjgdfijgg | ||
| Line 86: | Line 94: | ||
===We Are Colorblind - Examples=== | ===We Are Colorblind - Examples=== | ||
| − | Examples of designs that work well or don't work for colorblind people | + | Examples of designs that work well or don't work for colorblind people |
https://wearecolorblind.com/examples/ | https://wearecolorblind.com/examples/ | ||
Revision as of 09:27, 7 April 2021
| headline 1 | General |
|---|---|
| headline 1 coordinates | |
| references 1 | Use of Color;
Web Content Accessibility Guidelines; https://www.w3.org/WAI/WCAG21/Understanding/use-of-color.html; Resources for Designing for the Colorblind; We Are Colorblind; https://wearecolorblind.com/resources/collection/resources-for-designing-for-the-colorblind/; Color Blindness; Deque University - Accessibility Basic Concepts; https://dequeuniversity.com/class/archive/basic-concepts1/types-of-disabilities/color-blindness; |
| headline 2 | Color_Scheme |
| headline 2 coordinates | |
| references 2 | Color Oracle;
Free color blindness simulator; https://colororacle.org; Colorblindly; Simulates colorblindness in your web browser; https://chrome.google.com/webstore/detail/colorblindly/floniaahmccleoclneebhhmnjgdfijgg; How to Use Color Blind Friendly Palettes to Make Your Charts Accessible; Article about and color pallettes suitable for color blindness; https://venngage.com/blog/color-blind-friendly-palette/; |
| headline 3 | Information_in_color |
| headline 3 coordinates | |
| references 3 | Don’t use color alone to convey information;
3WC - Web Accessibility Initiative; https://www.w3.org/WAI/tips/designing/#dont-use-color-alone-to-convey-information; Textures.js; SVG patterns for Data Visualization; https://riccardoscalco.it/textures/; We Are Colorblind; Examples of designs that work well or don't work for colorblind people; https://wearecolorblind.com/examples/; Lens of Color; Steven Lambert; https://www.smashingmagazine.com/2018/04/designing-accessibility-inclusion/#lens-color; Color and contrast accessibility: Don't convey information with color alone; Dave Gash, Meggin Kearney, Rachel Andrew, Rob Dodson; https://web.dev/color-and-contrast-accessibility/#don't-convey-information-with-color-alone; |
| headline 4 | |
| headline 4 coordinates | |
| references 4 | |
| headline 5 | |
| headline 5 coordinates | |
| references 5 | |
| links to | |
| belongs to | Color |
| contains |
General
Use of Color
Web Content Accessibility Guidelines
https://www.w3.org/WAI/WCAG21/Understanding/use-of-color.html
Resources for Designing for the Colorblind
We Are Colorblind
https://wearecolorblind.com/resources/collection/resources-for-designing-for-the-colorblind/
Color Blindness
Deque University - Accessibility Basic Concepts
https://dequeuniversity.com/class/archive/basic-concepts1/types-of-disabilities/color-blindness
Color scheme
Color Oracle
Free color blindness simulator
Colorblindly
Simulates colorblindness in your web browser
https://chrome.google.com/webstore/detail/colorblindly/floniaahmccleoclneebhhmnjgdfijgg
How to Use Color Blind Friendly Palettes to Make Your Charts Accessible
Article about and color pallettes suitable for color blindness
https://venngage.com/blog/color-blind-friendly-palette/
Information in color
Don’t use color alone to convey information
3WC - Web Accessibility Initiative
https://www.w3.org/WAI/tips/designing/#dont-use-color-alone-to-convey-information
Textures.js
SVG patterns for Data Visualization
https://riccardoscalco.it/textures/
We Are Colorblind - Examples
Examples of designs that work well or don't work for colorblind people
https://wearecolorblind.com/examples/
Lens of Color
Steven Lambert
https://www.smashingmagazine.com/2018/04/designing-accessibility-inclusion/#lens-color
Color and contrast accessibility: Don't convey information with color alone
Dave Gash, Meggin Kearney, Rachel Andrew, Rob Dodson
https://web.dev/color-and-contrast-accessibility/#don't-convey-information-with-color-alone