الگو:نسبت کنتراست رنگ/توضیحات
| پرونده:Edit-copy purple.svg | این زیرصفحهٔ مستندات الگو:نسبت کنتراست رنگ است. این شامل اطلاعات استفاده، الگوها، پیوندهای بین زبانی و سایر اطلاعات است که در اصل الگو صفحه قرار نمی‌گیرد. |
| نماد لوآ | این الگو از لوآ استفاده می‌کند: |
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}} | خطای عبارت: نویسه نقطه‌گذاری شناخته نشده «[» | AAA |
| الگو:نمونه رنگ #000080 | الگو:نمونه رنگ #DDDDDD | Sample | {{نسبت کنتراست رنگ|#000080|#DDDDDD}} | خطای عبارت: نویسه نقطه‌گذاری شناخته نشده «[» | AAA |
| الگو:نمونه رنگ #7B0000 | الگو:نمونه رنگ #FF9900 | Sample | {{نسبت کنتراست رنگ|#7B0000|#FF9900}} | خطای عبارت: نویسه نقطه‌گذاری شناخته نشده «[» | AA |
| الگو:نمونه رنگ #004800 | الگو:نمونه رنگ #AAAAAA | Sample | {{نسبت کنتراست رنگ|#004800|#AAAAAA}} | خطای عبارت: نویسه نقطه‌گذاری شناخته نشده «[» | AA |
| الگو:نمونه رنگ red | الگو:نمونه رنگ white | Sample | {{نسبت کنتراست رنگ|red|white}} | خطای عبارت: نویسه نقطه‌گذاری شناخته نشده «[» | الگو:نه |
| الگو:نمونه رنگ #FF0000 | الگو:نمونه رنگ #FF9999 | Sample | {{نسبت کنتراست رنگ|#FF0000|#FF9999}} | خطای عبارت: نویسه نقطه‌گذاری شناخته نشده «[» | الگو:نه |
نمونه‌هایی با پس‌زمینه تیره
| رنگ متن |
رنگ پس‌زمینه |
نمونه | کد | نسبت کنتراست |
WCAG 2.0 conf. |
|---|---|---|---|---|---|
| الگو:نمونه رنگ #BADFEE | الگو:نمونه رنگ black | Sample | {{نسبت کنتراست رنگ|#BaDFeE|BlAcK}} | خطای عبارت: نویسه نقطه‌گذاری شناخته نشده «[» | AAA |
| الگو:نمونه رنگ red | الگو:نمونه رنگ black | Sample | {{نسبت کنتراست رنگ|red|black}} | خطای عبارت: نویسه نقطه‌گذاری شناخته نشده «[» | AA |
| الگو:نمونه رنگ #FFFF00 | الگو:نمونه رنگ #00FFFF | Sample | {{نسبت کنتراست رنگ|#FFFF00|#00FFFF}} | خطای عبارت: نویسه نقطه‌گذاری شناخته نشده «[» | الگو:نه |
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:
| 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.