Difference between revisions of "Template:Color contrast conformance/doc"
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 — uses {{m2|Color contrast|ratio}} | ||
==See also== | ==See also== | ||
− | * { | + | * {{tl|ColorToLum}}, 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
![]() | This is a documentation subpage for Template:Color contrast conformance. It contains usage information, categories and other content that is not part of the original template page. |
![]() | This template uses Lua: |
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
Supporting template
- {{Color contrast ratio}}, gives ratio number — uses {{#invoke:Color contrast|ratio}}
See also
- {{ColorToLum}}, gives luminance value of a color
- Wikipedia:WikiProject Accessibility
External links