Difference between revisions of "Template:Color contrast conformance/doc"

From blackwiki
Jump to navigation Jump to search
imported>Wolbo
(→‎See also: Added see also link)
imported>Zyxw
(note module and template used)
Line 1: Line 1:
 
{{Documentation subpage}}
 
{{Documentation subpage}}
 
<!--Categories where indicated at the bottom of this page, please; interwikis at Wikidata (see [[Wikipedia:Wikidata]])-->
 
<!--Categories where indicated at the bottom of this page, please; interwikis at Wikidata (see [[Wikipedia:Wikidata]])-->
 +
{{Lua|Module:Color contrast}}<!-- via Template:Color contrast ratio -->
 +
 
== Usage ==
 
== Usage ==
  
Line 58: Line 60:
 
| {{Color sample|white}} || {{for loop| {{!!}} |white|yellow|aqua|lime|silver|orange|fuchsia|gray|red|olive|teal|green|blue|purple|maroon|navy|black|call={{BASEPAGENAME}}|pc1n=1|pc1v=white|pc2n=show|pc2v=no|pc3n=3|pc3v={{na}}|pv=2}}
 
| {{Color sample|white}} || {{for loop| {{!!}} |white|yellow|aqua|lime|silver|orange|fuchsia|gray|red|olive|teal|green|blue|purple|maroon|navy|black|call={{BASEPAGENAME}}|pc1n=1|pc1v=white|pc2n=show|pc2v=no|pc3n=3|pc3v={{na}}|pv=2}}
 
|}
 
|}
 +
 +
==Supporting template==
 +
* {{tl|Color contrast ratio}}, gives ratio number &mdash; uses {{m2|Color contrast|ratio}}
  
 
==See also==
 
==See also==
* {&#123;[[Template:Color contrast ratio|color contrast ratio]]&#125;}, gives ratio number
+
* {{tl|ColorToLum}}, gives luminance value of a color
* {&#123;[[Template:ColorToLum|ColorToLum]]&#125;}, gives luminance value of a color
 
 
* [[Wikipedia:WikiProject Accessibility]]
 
* [[Wikipedia:WikiProject Accessibility]]
 +
 +
==External links==
 
* [http://trace.wisc.edu/contrast-ratio-examples/ Index of Color Contrast Samples]
 
* [http://trace.wisc.edu/contrast-ratio-examples/ Index of Color Contrast Samples]
  

Revision as of 00:28, 18 November 2018

Usage

The Template:Color contrast conformance gives a "AAA", "AA" or "none" judgment for the level of conformance to WCAG 2.0 of two colors together, in terms of contrast ratio, where the colors can be either RGB #numbers (#56F3BB) or color names (green, darkorange, or NavahoWhite, etc.).

Code Result
{{Color contrast conformance|blue|white}} Contrast: blue & white, conformance level= AAA
{{Color contrast conformance|red|#FFcc00}} Contrast: red & #FFcc00, conformance level= none
{{Color contrast conformance|black|White|show=no}} AAA

Either parameter 1 or 2 can be a standard color name (in upper/lowercase letters) or an RGB #number, such as: #FF45BB. See: Web colors, for a full list of color names and the assigned RGB #number values. The option "show=no" will suppress showing the color names or numbers, and give just the "AAA", "AA" or "none" answer.

HTML colors

Accessibility of pairs of HTML colors
AAA AAA AAA AAA AAA AAA AA AA AA AA Template:Na Template:Na Template:Na Template:Na Template:Na Template:Na Template:Na
AAA AAA AAA AAA AAA AAA AA Template:Na Template:Na Template:Na Template:Na Template:Na Template:Na Template:Na Template:Na Template:Na Template:Na
AAA AAA AAA AAA AA AA Template:Na Template:Na Template:Na Template:Na Template:Na Template:Na Template:Na Template:Na Template:Na Template:Na Template:Na
AAA AAA AAA AA AA AA Template:Na Template:Na Template:Na Template:Na Template:Na Template:Na Template:Na Template:Na Template:Na Template:Na Template:Na
AAA AAA AA AA AA Template:Na Template:Na Template:Na Template:Na Template:Na Template:Na Template:Na Template:Na Template:Na Template:Na Template:Na Template:Na
AA AA Template:Na Template:Na Template:Na Template:Na Template:Na Template:Na Template:Na Template:Na Template:Na Template:Na Template:Na Template:Na Template:Na Template:Na Template:Na
AA Template:Na Template:Na Template:Na Template:Na Template:Na Template:Na Template:Na Template:Na Template:Na Template:Na Template:Na Template:Na Template:Na Template:Na Template:Na Template:Na
Template:Na Template:Na Template:Na Template:Na Template:Na Template:Na Template:Na Template:Na Template:Na Template:Na Template:Na Template:Na Template:Na Template:Na Template:Na Template:Na AA
Template:Na Template:Na Template:Na Template:Na Template:Na Template:Na Template:Na Template:Na Template:Na Template:Na Template:Na Template:Na Template:Na Template:Na Template:Na Template:Na AA
Template:Na Template:Na Template:Na Template:Na Template:Na Template:Na Template:Na Template:Na Template:Na Template:Na Template:Na Template:Na Template:Na Template:Na Template:Na Template:Na AA
Template:Na Template:Na Template:Na Template:Na Template:Na Template:Na Template:Na Template:Na Template:Na Template:Na Template:Na Template:Na Template:Na Template:Na Template:Na AA AA
Template:Na Template:Na Template:Na Template:Na Template:Na Template:Na Template:Na Template:Na Template:Na Template:Na Template:Na Template:Na Template:Na AA AA AAA AAA
Template:Na Template:Na Template:Na Template:Na Template:Na Template:Na Template:Na Template:Na Template:Na Template:Na Template:Na Template:Na AA AA AA AAA AAA
Template:Na Template:Na Template:Na Template:Na Template:Na Template:Na Template:Na Template:Na Template:Na Template:Na Template:Na Template:Na AA AA AAA AAA AAA
Template:Na Template:Na Template:Na Template:Na Template:Na Template:Na Template:Na Template:Na Template:Na Template:Na Template:Na Template:Na AA AAA AAA AAA AAA
Template:Na Template:Na Template:Na Template:Na Template:Na Template:Na Template:Na Template:Na Template:Na Template:Na Template:Na AA AAA AAA AAA AAA AAA
Template:Na Template:Na Template:Na Template:Na Template:Na Template:Na Template:Na Template:Na Template:Na Template:Na AA AA AAA AAA AAA AAA AAA

Supporting template

See also

External links