Template:Ensure AA contrast ratio
Appearance
This template is used on approximately 5,000 pages and changes may be widely noticed. Test changes in the template's /sandbox or /testcases subpages, or in your own user subpage. Consider discussing changes on the talk page before implementing them. |
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