Template:Ensure AA contrast ratio/doc
Jump to navigation
Jump to search
 | Template:Strong for Template:Terminate sentence It may contain usage information, categories and other content that is not part of the original template page. |
 | This template uses Lua: |
Usage[edit source]
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[edit source]
{{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[edit source]
- {{Ensure AAA contrast ratio}}
- {{Greater color contrast ratio}}
- Template:Section link
- Template:Section link