Difference between revisions of "Template:Ensure AAA contrast ratio/doc"

From blackwiki
Jump to navigation Jump to search
imported>The Earwig
m (fix examples)
imported>The Earwig
m (fix)
Line 1: Line 1:
 +
{{documentation subpage}}
 +
 
This template checks for compliance with [http://www.w3.org/TR/2014/NOTE-WCAG20-TECHS-20140916/G17 WCAG G17], i.e. that a background–foreground colour combination has got a contrast ratio of more than 7:1. It takes two arguments, the <code>base</code> colour value, and the tracking category, <code>category</code>, to place non-compliant transclusions in. A third parameter, <code>other</code>, is optional; the template will by default calculate the contrast ratio against black and white, on the assumption that it is used in conjunction with {{tl|Greater color contrast ratio}}.
 
This template checks for compliance with [http://www.w3.org/TR/2014/NOTE-WCAG20-TECHS-20140916/G17 WCAG G17], i.e. that a background–foreground colour combination has got a contrast ratio of more than 7:1. It takes two arguments, the <code>base</code> colour value, and the tracking category, <code>category</code>, to place non-compliant transclusions in. A third parameter, <code>other</code>, is optional; the template will by default calculate the contrast ratio against black and white, on the assumption that it is used in conjunction with {{tl|Greater color contrast ratio}}.
  
Line 12: Line 14:
 
*  {{Tlx|Ensure AA contrast ratio}}
 
*  {{Tlx|Ensure AA contrast ratio}}
  
 +
<includeonly>
 
[[Category:Color conversion templates]]
 
[[Category:Color conversion templates]]
 +
</includeonly>

Revision as of 07:44, 14 December 2015

This template checks for compliance with WCAG G17, i.e. that a background–foreground colour combination has got a contrast ratio of more than 7:1. It takes two arguments, the base colour value, and the tracking category, category, to place non-compliant transclusions in. A third parameter, other, is optional; the template will by default calculate the contrast ratio against black and white, on the assumption that it is used in conjunction with {{Greater color contrast ratio}}.

Examples

  • {{Ensure AAA contrast ratio|base=navy|category=Test}}
  • {{Ensure AAA contrast ratio|other=|base=navy|category=Test}}
  • {{Ensure AAA contrast ratio|other=navy|base=navy|category=Test}} → Test
  • {{Ensure AAA contrast ratio|base=red|category=Test}} → Test
  • {{Ensure AAA contrast ratio|base=#CC5500|category=Test}} → Test
  • {{Ensure AAA contrast ratio|base=asdf|category=Test}} → Test

See also