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

From blackwiki
Jump to navigation Jump to search
imported>DePiep
imported>Zyxw
(note module used)
Line 1: Line 1:
{{documentation subpage}}
+
{{Documentation subpage}}
 +
{{Lua|Module:Color contrast}}
  
 
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}}.

Revision as of 21:13, 17 November 2018

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