Template:Ensure AA contrast ratio/doc
< Template:Ensure AA contrast ratio
Revision as of 01:04, 18 November 2018 by en>Zyxw (→See also: update)
 | 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
- Wikipedia:Manual of Style/Accessibility § Color