Difference between revisions of "Template:Ensure AA contrast ratio/doc"
Jump to navigation
Jump to search
imported>Zyxw (→See also: update) |
imported>Vanisaac m (→See also: clean up per WP:CAT#T and WP:AWBREQ add template:Sandbox other) |
||
Line 32: | Line 32: | ||
* {{section link|Wikipedia:Manual of Style/Accessibility|Color}} | * {{section link|Wikipedia:Manual of Style/Accessibility|Color}} | ||
− | <includeonly>{{ | + | <includeonly>{{Sandbox other|| |
<!-- Categories below this line, please; interwikis at Wikidata --> | <!-- Categories below this line, please; interwikis at Wikidata --> | ||
[[Category:Color conversion templates]] | [[Category:Color conversion templates]] | ||
}}</includeonly> | }}</includeonly> |
Latest revision as of 01:30, 25 April 2020
![]() | This is a documentation subpage for Template:Ensure AA contrast ratio. It contains usage information, categories and other content that is not part of the original template page. |
![]() | This template uses Lua: |
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.
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
- {{Ensure AAA contrast ratio}}
- {{Greater color contrast ratio}}
- Script error: No such module "Section link".
- Script error: No such module "Section link".