Template:Ensure AA contrast ratio/doc: Difference between revisions

From CivWiki
Jump to navigation Jump to search
Content added Content deleted
(Created page with "{{Documentation subpage}} <!-- Please place categories where indicated at the bottom of this page and interwikis at Wikidata (see Wikipedia:Wikidata) --> {{Lua|Module:Color contrast}} ==Usage== 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 4.5:1. It takes two arguments, the <code>base</code> colour value, and th...")
 
No edit summary
 
Line 17: Line 17:
| AAA || 7 || '''4.5'''
| AAA || 7 || '''4.5'''
|}
|}

==Examples==
* {{#invoke:DemoTemplate|{{BASEPAGENAME}}|base=navy|category=Test}}
* {{#invoke:DemoTemplate|{{BASEPAGENAME}}|base=navy|other=|category=Test}}
* {{#invoke:DemoTemplate|{{BASEPAGENAME}}|base=navy|other=navy|category=Test}}
* {{#invoke:DemoTemplate|{{BASEPAGENAME}}|base=red|category=Test}}
* {{#invoke:DemoTemplate|{{BASEPAGENAME}}|base=#CC5500|category=Test}}
* {{#invoke:DemoTemplate|{{BASEPAGENAME}}|base=asdf|category=Test}}

Latest revision as of 05:21, 28 November 2023

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