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;
+
Web Content Accessibility Guidelines;  
Web Content Accessibility Guidelines;
+
Use of Color;
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;
+
|headline2=Color_Scheme
Resources for Designing for the Colorblind;
+
|coord head2=326.416, 353.124, 0.000
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
 
|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;
+
Colortester;
Color palettes suitable for color blindness;
+
Software that assesses if a website meets the WCAG 2.0 color contrast success criteria.;
https://venngage.com/blog/color-blind-friendly-palette/
+
https://alfasado.net/apps/colortester.html;
|headline3=Information in color
+
How to Use Color Blind Friendly Palettes to Make Your Charts Accessible;  
|coordhead3=310.000, 2.000, 0.000
+
Article about and color pallettes suitable for color blindness;  
 +
https://venngage.com/blog/color-blind-friendly-palette/;
 +
|headline3=Information_in_color
 +
|coord head3=326.416, 33.124, 0.000
 
|references3=
 
|references3=
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;  
 
Textures.js;  
 
SVG patterns for Data Visualization;  
 
SVG patterns for Data Visualization;  
 
https://riccardoscalco.it/textures/;  
 
https://riccardoscalco.it/textures/;  
 
We Are Colorblind;  
 
We Are Colorblind;  
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;
 
Steven Lambert - Smashing Magazine;
 
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 - Google Developers;
 
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
 
}}
 
}}
 
==General==
 
==General==
===Use of Color ===
+
===Web Content Accessibility Guidelines===
Web Content Accessibility Guidelines
+
Use of Color
  
 
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
 
 
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
 +
 +
===Colortester===
 +
Software that assesses if a website meets the WCAG 2.0 color contrast success criteria.;
 +
 +
https://alfasado.net/apps/colortester.html
  
 
===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/
  
 
==Information in color==
 
==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===
 
===Textures.js===
 
SVG patterns for Data Visualization
 
SVG patterns for Data Visualization
Line 95: Line 72:
  
 
===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===
 
Steven Lambert - Smashing Magazine
 
 
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 - Google Developers
 
 
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: