در حال ویرایش الگو:نسبت کنتراست رنگ/توضیحات

{{زیرصفحه توضیحات}}
<!-- لطفاً رده‌ها را جایی که در پایین این صفحه اشاره شده‌است قرار دهید و میان‌ویکی‌ها را هم در ویکی‌داده ([[ویکی‌پدیا:ویکی‌داده]] را ببینید) -->

{{لوآ|Module:Color contrast}}
{{چپ‌چین}}
This template returns the نسبت کنتراست رنگ between the two colors provided. It accepts two parameters, which can be a standard RGB hex color code (<code>#RRGGBB</code>) or a standard [[رنگ‌های وب|HTML color]] or CSS "orange" (= #FFA500). Color names and hex letters are case-insensitive (i.e. they may be upper- or lower-case).
{{پایان چپ‌چین}}
== استفاده ==
=== نمونه‌هایی با پس‌زمینه روشن ===
{| class="wikitable"
|-
!رنگ<BR>متن !! رنگ<BR>پس‌زمینه !! نمونه !! کد !! نسبت<BR>کنتراست !! [[:en:WCAG 2.0|WCAG 2.0]]<BR>conf.
|-
| {{نمونه رنگ|#000000}} #000000
| {{نمونه رنگ|#FFFFFF}} #FFFFFF
| {{قلم رنگ|#000000|#FFFFFF|&nbsp;&nbsp;Sample&nbsp;&nbsp;}}
| {{الگوپ|نسبت کنتراست رنگ|#000000|#FFFFFF}}
| style="text-align: right;" | {{#expr: {{نسبت کنتراست رنگ|#000000|#FFFFFF}} round3}}
| AAA
|-
| {{نمونه رنگ|#000080}} #000080
| {{نمونه رنگ|#DDDDDD}} #DDDDDD
| {{قلم رنگ|#000080|#DDDDDD|&nbsp;&nbsp;Sample&nbsp;&nbsp;}}
| {{الگوپ|نسبت کنتراست رنگ|#000080|#DDDDDD}}
| style="text-align: right;" | {{#expr: {{نسبت کنتراست رنگ|#000080|#DDDDDD}} round3}}
| AAA
|-
| {{نمونه رنگ|#7B0000}} #7B0000
| {{نمونه رنگ|#FF9900}} #FF9900
| {{قلم رنگ|#7B0000|#FF9900|&nbsp;&nbsp;Sample&nbsp;&nbsp;}}
| {{الگوپ|نسبت کنتراست رنگ|#7B0000|#FF9900}}
| style="text-align: right;" | {{#expr: {{نسبت کنتراست رنگ|#7B0000|#FF9900}} round3}}
| AA
|-
| {{نمونه رنگ|#004800}} #004800
| {{نمونه رنگ|#AAAAAA}} #AAAAAA
| {{قلم رنگ|#004800|#AAAAAA|&nbsp;&nbsp;Sample&nbsp;&nbsp;}}
| {{الگوپ|نسبت کنتراست رنگ|#004800|#AAAAAA}}
| style="text-align: right;" | {{#expr: {{نسبت کنتراست رنگ|#004800|#AAAAAA}} round3}}
| AA
|-نسبت کنتراست رنگ
| {{نمونه رنگ|red}} red
| {{نمونه رنگ|white}} white
| {{قلم رنگ|red|white|&nbsp;&nbsp;Sample&nbsp;&nbsp;}}
| {{الگوپ|نسبت کنتراست رنگ|red|white}}
| style="text-align: right;" | {{#expr: {{نسبت کنتراست رنگ|red|white}} round3}}
| {{نه}}
|-
| {{نمونه رنگ|#FF0000}} #FF0000
| {{نمونه رنگ|#FF9999}} #FF9999
| {{قلم رنگ|#FF0000|#FF9999|&nbsp;&nbsp;Sample&nbsp;&nbsp;}}
| {{الگوپ|نسبت کنتراست رنگ|#FF0000|#FF9999}}
| style="text-align: right;" | {{#expr: {{نسبت کنتراست رنگ|#FF0000|#FF9999}} round3}}
| {{نه}}
|}

=== نمونه‌هایی با پس‌زمینه تیره ===
{| class="wikitable"
|-
!رنگ<BR>متن !! رنگ<BR>پس‌زمینه !! نمونه !! کد !! نسبت<BR>کنتراست !! [[:en:WCAG 2.0|WCAG 2.0]]<BR>conf.
|-
| {{نمونه رنگ|#BADFEE}} #BADFEE
| {{نمونه رنگ|black}} black
| {{قلم رنگ|#BADFEE|black|&nbsp;&nbsp;Sample&nbsp;&nbsp;}}
| {{الگوپ|نسبت کنتراست رنگ|#BaDFeE|BlAcK}}
| style="text-align: right;" | {{#expr: {{نسبت کنتراست رنگ|#BaDFeE|BlAcK}} round3}}
| AAA
|-
| {{نمونه رنگ|red}} red
| {{نمونه رنگ|black}} black
| {{قلم رنگ|red|black|&nbsp;&nbsp;Sample&nbsp;&nbsp;}}
| {{الگوپ|نسبت کنتراست رنگ|red|black}}
| style="text-align: right;" | {{#expr: {{نسبت کنتراست رنگ|red|black}} round3}}
| AA
|-
| {{نمونه رنگ|#FFFF00}} #FFFF00
| {{نمونه رنگ|#00FFFF}} #00FFFF
| {{قلم رنگ|#FFFF00|#00FFFF|&nbsp;&nbsp;Sample&nbsp;&nbsp;}}
| {{الگوپ|نسبت کنتراست رنگ|#FFFF00|#00FFFF}}
| style="text-align: right;" | {{#expr: {{نسبت کنتراست رنگ|#FFFF00|#00FFFF}} round3}}
| {{نه}}
|}

== WCAG 2.0 ==
{{چپ‌چین}}
As a guide to selecting foreground and background colors for text, the [http://www.w3.org/TR/WCAG20/#visual-audio-contrast Web Content Accessibility Guidelines 2.0 (guideline 1.4)] classifies contrast ratios for ordinary text as follows:

{| class="wikitable"
|+ WCAG 2.0 text contrast ratios
|-
! scope="col" | Font size
! scope="col" | Not Compliant
! scope="col" | Level AA
! scope="col" | Level AAA
|-
| Normal
| < 4.5
| 4.5 to 7.0
| > 7.0
|-
| Large (18&nbsp;pt or 14&nbsp;pt bold)
| < 3.0
| 3.0 to 4.5
| > 4.5
|}
Normal wiki-text is rendered by common browsers at roughly 9.5 to 10.5&nbsp;pt (12.5 to 14&nbsp;px), depending on skin. Text would need to be about 180% or 140% bold to qualify as "Large" for [http://www.w3.org/TR/WCAG20/#larger-scaledef WCAG purposes].
{{پایان چپ‌چین}}
== جستارهای وابسته ==
{{چپ‌چین}}
* [[:en:Template:Color contrast conformance]]
* [[:en:Wikipedia:WikiProject Accessibility]]
* [http://snook.ca/technical/colour_contrast/colour.html Colour Contrast Check]
* [http://www.w3.org/TR/2012/NOTE-WCAG20-TECHS-20120103/G18 G18: Ensuring that a contrast ratio of at least 4.5:1 exists between text (and images of text) and background behind the text]
* [http://trace.wisc.edu/contrast-ratio-examples/ Index of Color Contrast Samples]
{{پایان چپ‌چین}}
<includeonly>{{#ifeq:{{SUBPAGENAME}}|تمرین | |
<!-- رده‌ها زیر این خط، لطفاً؛ میان‌ویکی‌ها در ویکی‌داده -->
[[الگو:رنگ متن]]
}}</includeonly>