User:Betty Logan/Sandbox/templates/t5

Test 0

Test 1

Tips for editors
If you must use color to convey meaning or make distinctions between visual items (i.e. not merely for decoration), then this table shows "safe" groups of colors which are distinguishable to most color-blind people.


 * Pick a maximum of one color from each box. Do not use more than one color from any one box.
 * Use large expanses of the color. If you're coloring text, use bold and a large font.
 * For small expanses of color, such as thin lines, clearly label them with text, or use non-color techniques such as font styles (bold or italic), line styles (dots and dashes) or cross-hatching (stripes, checkers or polka-dots).
 * Use bright mid-range colors, like children's crayons. Do not use light or dark variants of the colors.
 * If you need more colors... hard luck. Instead use non-color techniques such as labelling, font styles (bold or italic), line styles (dots and dashes) or cross-hatching (stripes, checkers or polka-dots).
 * If you are color-blind yourself, check your revised image with a color-sighted person to confirm the meaning is intact.


 * style="padding-left: 8px; border-left: 1px solid black;" |

Useful utilities
These utilities are useful in determining whether a revised image is distinguishable to color-blind users. Typically they take a web page or image file as an input, and render a color-blind simulated image as output.
 * Mozilla Firefox color-blind addons
 * Sim Daltonism for Mac OSX. Freeware.
 * Color Oracle full-screen real-time simulator. For Linux, Mac OSX and Windows. Freeware.