Help:Using colours: Difference between revisions

Revision as of 00:20, 31 May 2024

Revision as of 00:25, 31 May 2024

Line 176:

|}

==Schemes for colourcolor-blind readers==

{{Shortcut|H:Colorblind}}

Approximately 1 in 12 men and 1 in 200 women with Northern European ancestry have [[color blindness#Red–green colour blindness|red-green colour[[color blindness]]; this and other types affect people worldwide.<ref>{{Cite web|last=|first=|date=1 January 2015|title=Color Vision Deficiency|url=https://medlineplus.gov/genetics/condition/color-vision-deficiency/#frequency|archive-url=|archive-date=|access-date=29 January 2021|website=MedlinePlus|publisher=U.S. National Library of Medicine}}</ref> This table shows "safe" groups of colours which are distinguishable to most colour-blind people, although colour should never be used as the sole method to convey information.

See also [[:Commons:Commons:Creating accessible illustrations]] for color blind friendly palettes.

Line 200:

|}

* Pick a maximum of one colourcolor from each column. Do not use more than one colourcolor from any one column.

* Use large expanses of the colourcolor. If you're colouringcoloring text, use bold and a large font.

* For small expanses of colourcolor, such as thin lines, clearly label them with text, or use non-colourcolor techniques such as font styles (bold or italic), line styles (dots and dashes) or cross-hatching (stripes, [[checkerboard|checkers]] or [[polka-dot]]s).

* Use bright mid-range colourscolors, like children's crayons. Do not use light or dark variants of the colourscolors.

* If you need more colourscolors... hard luck. Instead use non-colourcolor 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 colourcolor-blind yourself, check your revised image with a colourcolor-sighted person to confirm the meaning is intact.

The following utilities may be of use in determining whether a revised image is distinguishable to colourcolor-blind users. Typically they take a web page or image file as an input, and render a colour-blind simulated image as output:

* [https://addons.mozilla.org/en-US/firefox/search/?q=Colorblind&cat=all Mozilla Firefox color-blind addons]

* [https://michelf.ca/projects/sim-daltonism/ Sim Daltonism] simulates color blind vision and displays the results in a floating palette for macOS and iOS. Freeware.