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

From blackwiki
Jump to navigation Jump to search
imported>Zyxw
(note module used)
imported>Zyxw
(add see also links)
Line 17: Line 17:
 
| AAA || 7 || '''4.5'''
 
| AAA || 7 || '''4.5'''
 
|}
 
|}
 
==See also==
 
* {{Tlx|Ensure AAA contrast ratio}}
 
  
 
==Examples==
 
==Examples==
Line 28: Line 25:
 
* {{#invoke:DemoTemplate|{{BASEPAGENAME}}|base=#CC5500|category=Test}}
 
* {{#invoke:DemoTemplate|{{BASEPAGENAME}}|base=#CC5500|category=Test}}
 
* {{#invoke:DemoTemplate|{{BASEPAGENAME}}|base=asdf|category=Test}}
 
* {{#invoke:DemoTemplate|{{BASEPAGENAME}}|base=asdf|category=Test}}
 +
 +
==See also==
 +
* {{tl|Ensure AAA contrast ratio}}
 +
* {{tl|Greater color contrast ratio}}
 +
* [[Template:Color contrast conformance#HTML colors]]
 +
* [[WP:COLOR]]
  
 
<includeonly>{{#ifeq:{{SUBPAGENAME}}|sandbox | |
 
<includeonly>{{#ifeq:{{SUBPAGENAME}}|sandbox | |

Revision as of 23:52, 17 November 2018

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

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