Difference between revisions of "Template:Ensure AA contrast ratio/doc"
Jump to navigation
Jump to search
imported>Zyxw (note module used) |
imported>Zyxw (add see also links) |
||
| Line 17: | Line 17: | ||
| AAA || 7 || '''4.5''' | | AAA || 7 || '''4.5''' | ||
|} | |} | ||
| − | |||
| − | |||
| − | |||
==Examples== | ==Examples== | ||
| Line 28: | Line 25: | ||
* {{#invoke:DemoTemplate|{{BASEPAGENAME}}|base=#CC5500|category=Test}} | * {{#invoke:DemoTemplate|{{BASEPAGENAME}}|base=#CC5500|category=Test}} | ||
* {{#invoke:DemoTemplate|{{BASEPAGENAME}}|base=asdf|category=Test}} | * {{#invoke:DemoTemplate|{{BASEPAGENAME}}|base=asdf|category=Test}} | ||
| + | |||
| + | ==See also== | ||
| + | * {{tl|Ensure AAA contrast ratio}} | ||
| + | * {{tl|Greater color contrast ratio}} | ||
| + | * [[Template:Color contrast conformance#HTML colors]] | ||
| + | * [[WP:COLOR]] | ||
<includeonly>{{#ifeq:{{SUBPAGENAME}}|sandbox | | | <includeonly>{{#ifeq:{{SUBPAGENAME}}|sandbox | | | ||
Revision as of 23:52, 17 November 2018
| This is a documentation subpage for Template:Ensure AA contrast ratio. It contains usage information, categories and other content that is not part of the original template page. |
| 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}}
- Template:Color contrast conformance#HTML colors
- WP:COLOR