Template:Ensure AA contrast ratio

Template documentation[view] [edit] [history] [purge]

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.

Contrast ratios

Rating	Normal text	18 point or 14 point bold text
AA	4.5	3
AAA	7	4.5

See also

• {{Ensure AAA contrast ratio}}

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

The documentation on top 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.
Add categories to the /doc subpage. Subpages of this template.