Color References

From Make Inclusive Websites
Revision as of 14:00, 4 April 2021 by Max (talk | contribs)
Jump to navigation Jump to search
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

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; 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; 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/

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

Color scheme

Color Oracle

Free color blindness simulator.

https://colororacle.org

Colorblindly

Simulates colorblindness in your web browser.

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

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/