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 | ||
− | | | + | |coord head1=326.416, 13.124, 0.000 |
|references1= | |references1= | ||
− | + | 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 |
− | + | |headline2=Color_Scheme | |
− | + | |coord head2=326.416, 353.124, 0.000 | |
− | |||
− | |||
− | |||
− | |||
− | |headline2= | ||
− | | | ||
|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; |
− | + | 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= | + | 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/; | ||
+ | |headline3=Information_in_color | ||
+ | |coord head3=326.416, 33.124, 0.000 | ||
|references3= | |references3= | ||
− | |||
− | |||
− | |||
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/ |
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
|headline4= | |headline4= | ||
− | | | + | |coord head4= |
|references4= | |references4= | ||
|headline5= | |headline5= | ||
− | | | + | |coord head5= |
|references5= | |references5= | ||
− | |||
|belongsto=Color | |belongsto=Color | ||
}} | }} | ||
==General== | ==General== | ||
− | === | + | ===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 | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
==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=== | ||
− | + | 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== | ||
− | |||
− | |||
− | |||
− | |||
− | |||
===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/ | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− |