|
|
| (7 intermediate revisions by 3 users not shown) |
| Line 1: |
Line 1: |
| <includeonly>{{#if:{{{base|}}}|{{#ifexpr:{{#invoke:Color contrast|ratio|{{{base}}}|{{{other|black}}}|error=0}} < 7 AND {{#invoke:Color contrast|ratio|{{{base}}}|{{{other|white}}}|error=0}} < 7|{{{category|}}}}}}}</includeonly><noinclude> | | <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}}</noinclude> |
| 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}}.
| |
| | |
| == Examples ==
| |
| * {{#invoke:DemoTemplate|{{PAGENAME}}|base=navy|category=Test}}
| |
| * {{#invoke:DemoTemplate|{{PAGENAME}}|base=navy|other=navy|category=Test}}
| |
| * {{#invoke:DemoTemplate|{{PAGENAME}}|base=red|category=Test}}
| |
| * {{#invoke:DemoTemplate|{{PAGENAME}}|base=#CC5500|category=Test}}
| |
| * {{#invoke:DemoTemplate|{{PAGENAME}}|base=asdf|category=Test}}
| |
| }}
| |
| | |
| [[Category:Color conversion templates]]</noinclude>
| |
