Difference between revisions of "Template:Ensure AA contrast ratio"
Jump to navigation
Jump to search
imported>Rich Farmbrough |
imported>Rich Farmbrough |
||
Line 1: | Line 1: | ||
<includeonly>{{#if:{{{base|}}}|{{#ifexpr:{{#invoke:Color contrast|ratio|{{{base}}}|{{{other|}}}|error=21}} < 4.5 OR {{#invoke:Color contrast|ratio|{{{base}}}|black|error=0}} < 4.5 AND {{#invoke:Color contrast|ratio|{{{base}}}|white|error=0}} < 4.5|{{{category|}}}}}}}</includeonly><noinclude> | <includeonly>{{#if:{{{base|}}}|{{#ifexpr:{{#invoke:Color contrast|ratio|{{{base}}}|{{{other|}}}|error=21}} < 4.5 OR {{#invoke:Color contrast|ratio|{{{base}}}|black|error=0}} < 4.5 AND {{#invoke:Color contrast|ratio|{{{base}}}|white|error=0}} < 4.5|{{{category|}}}}}}}</includeonly><noinclude> | ||
− | |||
− | |||
− | + | {{Documentation}} | |
− | + | </noinclude> | |
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− |
Revision as of 03:05, 29 August 2015
This template uses Lua: |
Usage
This template checks for compliance with WCAG G17, i.e. that a background–foreground colour combination has got a contrast ratio of more than 4.5: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}}
.
Note: this is compliant with AAA for 18 point or 14 point bold text.
Rating | Normal text | 18 point or 14 point bold text |
---|---|---|
AA | 4.5 | 3 |
AAA | 7 | 4.5 |
Examples
{{Ensure AA contrast ratio|base=navy|category=Test}}
→{{Ensure AA contrast ratio|other=|base=navy|category=Test}}
→{{Ensure AA contrast ratio|other=navy|base=navy|category=Test}}
→ Test{{Ensure AA contrast ratio|base=red|category=Test}}
→{{Ensure AA contrast ratio|base=#CC5500|category=Test}}
→{{Ensure AA contrast ratio|base=asdf|category=Test}}
→ Test
See also
- {{Ensure AAA contrast ratio}}
- {{Greater color contrast ratio}}
- Script error: No such module "Section link".
- Script error: No such module "Section link".
The above documentation is transcluded from Template:Ensure AA contrast ratio/doc. (edit | history) Editors can experiment in this template's sandbox (create | mirror) and testcases (create) pages. Please add categories to the /doc subpage. Subpages of this template. |