پرش به محتوا

الگو:نسبت کنتراست رنگ

از ویکی‌پدیا، دانشنامهٔ آزاد
توضیحات الگو[نمایش] [ویرایش] [تاریخچه] [پاکسازی]

This template returns the نسبت کنتراست رنگ between the two colors provided. It accepts two parameters, which can be a standard RGB hex color code (#RRGGBB) 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).

استفاده

[ویرایش]

نمونه‌هایی با پس‌زمینه روشن

[ویرایش]
رنگ
متن
رنگ
پس‌زمینه
نمونه کد نسبت
کنتراست
WCAG 2.0
conf.
#000000 #FFFFFF   Sample   {{نسبت کنتراست رنگ|#000000|#FFFFFF}} 21 AAA
#000080 #DDDDDD   Sample   {{نسبت کنتراست رنگ|#000080|#DDDDDD}} 11.787 AAA
#7B0000 #FF9900   Sample   {{نسبت کنتراست رنگ|#7B0000|#FF9900}} 5.324 AA
#004800 #AAAAAA   Sample   {{نسبت کنتراست رنگ|#004800|#AAAAAA}} 4.691 AA
red white   Sample   {{نسبت کنتراست رنگ|red|white}} 3.998 نه
#FF0000 #FF9999   Sample   {{نسبت کنتراست رنگ|#FF0000|#FF9999}} 1.955 نه

نمونه‌هایی با پس‌زمینه تیره

[ویرایش]
رنگ
متن
رنگ
پس‌زمینه
نمونه کد نسبت
کنتراست
WCAG 2.0
conf.
#BADFEE black   Sample   {{نسبت کنتراست رنگ|#BaDFeE|BlAcK}} 14.878 AAA
red black   Sample   {{نسبت کنتراست رنگ|red|black}} 5.252 AA
#FFFF00 #00FFFF   Sample   {{نسبت کنتراست رنگ|#FFFF00|#00FFFF}} 1.168 نه

WCAG 2.0

[ویرایش]

As a guide to selecting foreground and background colors for text, the Web Content Accessibility Guidelines 2.0 (guideline 1.4) classifies contrast ratios for ordinary text as follows:

WCAG 2.0 text contrast ratios
Font size Not Compliant Level AA Level AAA
Normal < 4.5 4.5 to 7.0 > 7.0
Large (18 pt or 14 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 pt (12.5 to 14 px), depending on skin. Text would need to be about 180% or 140% bold to qualify as "Large" for WCAG purposes.

جستارهای وابسته

[ویرایش]

الگو:رنگ متن