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>Fayenatic london
 
(7 intermediate revisions by 3 users not shown)
Line 1: Line 1:
 +
{{Documentation subpage}}
 +
{{High-use|19618}}
 +
{{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}}.
  
Line 9: Line 13:
 
* {{#invoke:DemoTemplate|{{BASEPAGENAME}}|base=asdf|category=Test}}
 
* {{#invoke:DemoTemplate|{{BASEPAGENAME}}|base=asdf|category=Test}}
  
==See also==
+
== Templates implementing Ensure AAA contrast ratio ==
* {{Tlx|Ensure AA contrast ratio}}
+
Templates and the associated tracking categories, {{as of|lc=yes|June 2019}}:
 +
* {{tl|Australian television episode ratings}}
 +
** {{clc|Articles using Template:Australian television episode ratings with invalid colour combination}}
 +
* {{tl|Background color}}
 +
** {{clc|Articles using Template:Background color with invalid colour combination}}
 +
* {{tl|Infobox athletics race}}
 +
** {{clc|Articles using Template:Infobox athletics race with invalid colour combination}}
 +
* {{tl|Infobox character}}
 +
* {{tl|Infobox fictional family}}
 +
* {{tl|Infobox fictional race}}
 +
* {{tl|Infobox fictional vehicle}}
 +
** {{clc|Articles using infoboxes for fictional elements with invalid color combination}}
 +
* {{tl|Infobox comic strip}}
 +
** {{clc|Articles using Template:Infobox comic strip with invalid colour combination}}
 +
* {{tl|Infobox music genre}}
 +
** {{clc|Articles using Template:Infobox music genre with invalid colour combination}}
 +
* {{tl|Infobox television season}}
 +
** {{clc|Pages using infobox television season with invalid colour combination}}
 +
* {{tl|Infobox train}}
 +
** {{clc|Articles using Template:Infobox train with invalid colour combination}}
 +
 
 +
== See also ==
 +
* {{tl|Ensure AA contrast ratio}}
 +
* {{tl|Greater color contrast ratio}}
 +
* {{section link|Template:Color contrast conformance|HTML colors}}
 +
* {{section link|Wikipedia:Manual of Style/Accessibility|Color}}
  
 +
<includeonly>{{sandbox other||
 
[[Category:Color conversion templates]]
 
[[Category:Color conversion templates]]
 +
}}</includeonly>

Latest revision as of 08:15, 2 June 2020

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

Templates implementing Ensure AAA contrast ratio

Templates and the associated tracking categories, as of June 2019:

See also