Toggle menu
Toggle preferences menu
Toggle personal menu
Not logged in
Your IP address will be publicly visible if you make any edits.
Revision as of 21:15, 15 February 2025 by Prd (talk | contribs) (Created page with "{{Documentation subpage}} {{High-use|19618}} {{Lua|Module:Color contrast}} This template checks for compliance with [http://www.w3.org/TR/2014/NOTE-WCAG20-TECHS-20140916/G17 WCAG G17], i.e. that a background–foreground colour combination has got a contrast ratio of more than 7:1. It takes two arguments, the <code>base</code> colour value, and the tracking category, <code>category</code>, to place non-compliant transclusions in. A third parameter, <code>other</code>, i...")
(diff) ← Older revision | Latest revision (diff) | Newer revision → (diff)

This template checks for compliance with WCAG G17, i.e. that a background–foreground colour combination has got a contrast ratio of more than 7: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}}.

Examples

  • {{Ensure AAA contrast ratio|base=navy|category=Test}}
  • {{Ensure AAA contrast ratio|other=|base=navy|category=Test}}
  • {{Ensure AAA contrast ratio|other=navy|base=navy|category=Test}} → Test
  • {{Ensure AAA contrast ratio|base=red|category=Test}} → Test
  • {{Ensure AAA contrast ratio|base=#CC5500|category=Test}} → Test
  • {{Ensure AAA contrast ratio|base=asdf|category=Test}} → Test

Templates implementing Ensure AAA contrast ratio

Templates and the associated tracking categories, as of July 2024:

See also