Template:Ensure AAA contrast ratio: Difference between revisions
From Zoophilia Wiki
Jump to navigationJump to search
meta>Izkala This template ensures compliance with WCAG G17. It will reject any background–foreground colour combination with a contrast ratio less than 7:1. {{Ensure AAA contrast ratio}} takes one argument, the background colour. |
meta>Pigsonthewing example |
||
| Line 5: | Line 5: | ||
{{Documentation|content= | {{Documentation|content= | ||
This template ensures compliance with [http://www.w3.org/TR/2014/NOTE-WCAG20-TECHS-20140916/G17 WCAG G17]. It will reject any background–foreground colour combination with a contrast ratio less than 7:1. {{tl|Ensure AAA contrast ratio}} takes one argument, the background colour. | This template ensures compliance with [http://www.w3.org/TR/2014/NOTE-WCAG20-TECHS-20140916/G17 WCAG G17]. It will reject any background–foreground colour combination with a contrast ratio less than 7:1. {{tl|Ensure AAA contrast ratio}} takes one argument, the background colour. | ||
Here is {{diff|Template:Infobox television season|prev|672035442|an example of how to use it}}. | |||
== Examples == | == Examples == | ||
Revision as of 20:08, 18 July 2015
Template documentationThis template ensures compliance with WCAG G17. It will reject any background–foreground colour combination with a contrast ratio less than 7:1. {{Ensure AAA contrast ratio}} takes one argument, the background colour.
Here is an example of how to use it.
Examples
{{Ensure AAA contrast ratio|navy}}→ background-color: navy; color: white;{{Ensure AAA contrast ratio|red}}→{{Ensure AAA contrast ratio|white}}→ background-color: white; color: black;{{Ensure AAA contrast ratio|black}}→ background-color: black; color: white;{{Ensure AAA contrast ratio|#005500}}→ background-color: #005500; color: white;{{Ensure AAA contrast ratio|#CC5500}}→
