Changes
Jump to navigation
Jump to search
Template:Ensure AA contrast ratio/doc (view source)
Revision as of 01:04, 18 November 2018
, 5 years ago→See also: update
{{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 the tracking category, <code>category</code>, to place non-compliant transclusions in. A third parameter, <code>other</code>, 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 {{Tlx|Greater color contrast ratio}}.
Note: this is compliant with AAA for 18 point or 14 point bold text.
{|class="wikitable" style="text-align: center;"
|+ Contrast ratios
|-
! Rating !! Normal text !! 18 point or 14 point bold text
|-
| AA || '''4.5''' || 3
|-
| 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}}
==See also==
* {{tl|Ensure AAA contrast ratio}}
* {{tl|Greater color contrast ratio}}
* {{section link|Template:Color contrast conformance|HTML colors}}
* {{section link|Wikipedia:Manual of Style/Accessibility|Color}}
<includeonly>{{#ifeq:{{SUBPAGENAME}}|sandbox | |
<!-- Categories below this line, please; interwikis at Wikidata -->
[[Category:Color conversion templates]]
}}</includeonly>
<!-- 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 the tracking category, <code>category</code>, to place non-compliant transclusions in. A third parameter, <code>other</code>, 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 {{Tlx|Greater color contrast ratio}}.
Note: this is compliant with AAA for 18 point or 14 point bold text.
{|class="wikitable" style="text-align: center;"
|+ Contrast ratios
|-
! Rating !! Normal text !! 18 point or 14 point bold text
|-
| AA || '''4.5''' || 3
|-
| 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}}
==See also==
* {{tl|Ensure AAA contrast ratio}}
* {{tl|Greater color contrast ratio}}
* {{section link|Template:Color contrast conformance|HTML colors}}
* {{section link|Wikipedia:Manual of Style/Accessibility|Color}}
<includeonly>{{#ifeq:{{SUBPAGENAME}}|sandbox | |
<!-- Categories below this line, please; interwikis at Wikidata -->
[[Category:Color conversion templates]]
}}</includeonly>
