Editing Color References

Jump to navigation Jump to search

Warning: You are not logged in. Your IP address will be publicly visible if you make any edits. If you log in or create an account, your edits will be attributed to your username, along with other benefits.

The edit can be undone. Please check the comparison below to verify that this is what you want to do, and then save the changes below to finish undoing the edit.

Latest revision Your text
Line 1: Line 1:
 
{{References
 
{{References
 
|headline1=General
 
|headline1=General
|coordhead1=298.000, 2.000, 0.000
+
|coord head1=326.416, 13.124, 0.000
 
|references1=
 
|references1=
 
Use of Color;
 
Use of Color;
 
Web Content Accessibility Guidelines;   
 
Web Content Accessibility Guidelines;   
 
https://www.w3.org/WAI/WCAG21/Understanding/use-of-color.html;
 
https://www.w3.org/WAI/WCAG21/Understanding/use-of-color.html;
 +
Resources for Designing for the Colorblind;
 
We Are Colorblind;
 
We Are Colorblind;
Resources for Designing for the 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;
+
|headline2=Color_Scheme
Deque University - Accessibility Basic Concepts;
+
|coord head2=326.416, 353.124, 0.000
https://dequeuniversity.com/class/archive/basic-concepts1/types-of-disabilities/color-blindness
 
|headline2=Color Scheme
 
|coordhead2=304.000, 2.000, 0.000
 
 
|references2=
 
|references2=
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;
How to Use Color Blind Friendly Palettes to Make Your Charts Accessible;
+
How to Use Color Blind Friendly Palettes to Make Your Charts Accessible;  
Color palettes suitable for color blindness;
+
Article about and color pallettes suitable for color blindness;  
https://venngage.com/blog/color-blind-friendly-palette/
+
https://venngage.com/blog/color-blind-friendly-palette/;
|headline3=Information in color
+
|headline3=Information_in_color
|coordhead3=310.000, 2.000, 0.000
+
|coord head3=326.416, 33.124, 0.000
 
|references3=
 
|references3=
 
Don’t use color alone to convey information;
 
Don’t use color alone to convey information;
Line 37: Line 34:
 
https://wearecolorblind.com/examples/;
 
https://wearecolorblind.com/examples/;
 
Lens of Color;
 
Lens of Color;
Steven Lambert - Smashing Magazine;
+
Steven Lambert;
 
https://www.smashingmagazine.com/2018/04/designing-accessibility-inclusion/#lens-color;
 
https://www.smashingmagazine.com/2018/04/designing-accessibility-inclusion/#lens-color;
 
Color and contrast accessibility: Don't convey information with color alone;
 
Color and contrast accessibility: Don't convey information with color alone;
Dave Gash, Meggin Kearney, Rachel Andrew, Rob Dodson - Google Developers;
+
Dave Gash, Meggin Kearney, Rachel Andrew, Rob Dodson;
https://web.dev/color-and-contrast-accessibility/#don't-convey-information-with-color-alone
+
https://web.dev/color-and-contrast-accessibility/#don't-convey-information-with-color-alone;
 
|headline4=
 
|headline4=
|coordhead4=
+
|coord head4=
 
|references4=
 
|references4=
 
|headline5=
 
|headline5=
|coordhead5=
+
|coord head5=
 
|references5=
 
|references5=
|linksto=Contrast_References
 
 
|belongsto=Color
 
|belongsto=Color
 
}}
 
}}
Line 57: Line 53:
 
https://www.w3.org/WAI/WCAG21/Understanding/use-of-color.html
 
https://www.w3.org/WAI/WCAG21/Understanding/use-of-color.html
  
===We Are Colorblind===
+
===Resources for Designing for the Colorblind===
Resources for Designing for the 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
 
  
 
==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
  
 
===How to Use Color Blind Friendly Palettes to Make Your Charts Accessible===
 
===How to Use Color Blind Friendly Palettes to Make Your Charts Accessible===
Color palettes suitable for color blindness
+
Article about and color pallettes suitable for color blindness
  
 
https://venngage.com/blog/color-blind-friendly-palette/
 
https://venngage.com/blog/color-blind-friendly-palette/
Line 95: Line 86:
  
 
===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/
  
 
===Lens of Color===
 
===Lens of Color===
Steven Lambert - Smashing Magazine
+
Steven Lambert
  
 
https://www.smashingmagazine.com/2018/04/designing-accessibility-inclusion/#lens-color
 
https://www.smashingmagazine.com/2018/04/designing-accessibility-inclusion/#lens-color
  
 
===Color and contrast accessibility: Don't convey information with color alone===
 
===Color and contrast accessibility: Don't convey information with color alone===
Dave Gash, Meggin Kearney, Rachel Andrew, Rob Dodson - Google Developers
+
Dave Gash, Meggin Kearney, Rachel Andrew, Rob Dodson
  
 
https://web.dev/color-and-contrast-accessibility/#don't-convey-information-with-color-alone
 
https://web.dev/color-and-contrast-accessibility/#don't-convey-information-with-color-alone

Please note that all contributions to Make Inclusive Websites may be edited, altered, or removed by other contributors. If you do not want your writing to be edited mercilessly, then do not submit it here.
You are also promising us that you wrote this yourself, or copied it from a public domain or similar free resource (see Make Inclusive Websites:Copyrights for details). Do not submit copyrighted work without permission!

Cancel Editing help (opens in new window)

Template used on this page: