Template:Ensure AAA contrast ratio: Difference between revisions
From Zoophilia Wiki
Jump to navigationJump to search
meta>Izkala l |
meta>Izkala Better |
||
| Line 1: | Line 1: | ||
<includeonly>{{#if:{{{base|}}}|{{#ifexpr:{{#invoke:Color contrast|ratio|{{{base}}}| | <includeonly>{{#if:{{{base|}}}|{{#ifexpr:{{#invoke:Color contrast|ratio|{{{base}}}|{{{other|}}}|error=21}} < 7 OR {{#invoke:Color contrast|ratio|{{{base}}}|black|error=0}} < 7 AND {{#invoke:Color contrast|ratio|{{{base}}}|white|error=0}} < 7|{{{category|}}}}}}}</includeonly><noinclude> | ||
{{Documentation|content= | {{Documentation|content= | ||
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 5: | Line 5: | ||
== Examples == | == Examples == | ||
* {{#invoke:DemoTemplate|{{PAGENAME}}|base=navy|category=Test}} | * {{#invoke:DemoTemplate|{{PAGENAME}}|base=navy|category=Test}} | ||
* {{#invoke:DemoTemplate|{{PAGENAME}}|base=navy|other=|category=Test}} | |||
* {{#invoke:DemoTemplate|{{PAGENAME}}|base=navy|other=navy|category=Test}} | * {{#invoke:DemoTemplate|{{PAGENAME}}|base=navy|other=navy|category=Test}} | ||
* {{#invoke:DemoTemplate|{{PAGENAME}}|base=red|category=Test}} | * {{#invoke:DemoTemplate|{{PAGENAME}}|base=red|category=Test}} | ||
Revision as of 14:18, 14 August 2015
Template documentationThis 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
