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

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

این الگو جفت رنگ‌ها با نسبت کنتراست بیشتر color1/color2 یا color1/color3 را تعیین می‌کند. این کار برای انتخاب جفت رنگ پس‌زمینه/پیش‌زمینه مفید است. برای دسترس‌پذیری WCAG 2.0 AA guidelines به کنتراست ۳ یا بیشتر برای متن‌های با اندازه بزرگ و ۴/۵ یا بیشتر برای متن‌های با اندازه معمولی نیاز است. برای دس هنگام استفاده در حالت پیش‌فرض با color2 و color3 به ترتیب برابر با سیاه و سفید، جفت رنگ انتخاب شده همیشه کنتراستی بیشتر از ۴/۵۸ دارد.

نمونه‌ها[ویرایش]

  • <span style="background:navy; color:{{Greater color contrast ratio|navy|white|black}}">Navy</span>Navy
  • <span style="{{Greater color contrast ratio|navy|white|black|css=y}}">Navy</span>Navy
  • <span style="{{Greater color contrast ratio|navy|css=y}}">Navy</span>Navy
  • <span style="background:red; color:{{Greater color contrast ratio|red|white|black}}">Red</span>Red
  • <span style="{{Greater color contrast ratio|red|white|black|css=y}}">Red</span>Red
  • <span style="{{Greater color contrast ratio|red|css=y}}">Red</span>Red
  • <span style="background:white; color:{{Greater color contrast ratio|white|white|black}}">White</span>White
  • <span style="{{Greater color contrast ratio|white|white|black|css=y}}">White</span>White
  • <span style="background:black; color:{{Greater color contrast ratio|black|white|black}}">Black</span>Black
  • <span style="{{Greater color contrast ratio|black|white|black|css=y}}">Black</span>Black
  • <span style="background:#005500; color:{{Greater color contrast ratio|#005500|#FFFFFF|#000000}}">#005500</span>#005500
  • <span style="{{Greater color contrast ratio|#005500|#FFFFFF|#000000|css=y}}">#005500</span>#005500
  • <span style="background:#005500; color:#{{Greater color contrast ratio|005500|FFFFFF|000000}}">005500</span>005500
  • <span style="{{Greater color contrast ratio|005500|FFFFFF|000000}}">005500</span>005500
  • <span style="background:#CC5500; color:#{{Greater color contrast ratio|CC5500|FFFFFF|000000}}">CC5500</span>CC5500
  • <span style="{{Greater color contrast ratio|CC5500|FFFFFF|000000|css=y}}">CC5500</span>CC5500
  • <span style="background:#CC5500; color:#{{Greater color contrast ratio|CC5500|FFFFFF|000000|bias=1}}">CC5500</span>CC5500
  • <span style="{{Greater color contrast ratio|CC5500|FFFFFF|000000|bias=1|css=y}}">CC5500</span>CC5500
  • <span style="background:Not a color; color:#{{Greater color contrast ratio|Not a color|FFFFFF|000000}}">Not a color</span>Not a color
  • <span style="{{Greater color contrast ratio|Not a color|FFFFFF|000000|css=y}}">Not a color</span>Not a color

پارامترهای دلخواه[ویرایش]

پارامتر bias باید با احتیاط استفاده شود تا از ویکی‌پدیا:شیوه‌نامه/دسترسی‌پذیری اطمینان حاصل شود. همانطور که در بالا گفته شد بدون استفاده از bias، مقدار color2 و color3 برابر با سفید و سیاه همیشه کنتراست برابر با ۴/۵۸ دارند. bias برابر با ۱/۲۵ مقدار ممکن را به ۴ کاهش می‌دهد که ممکن است برابر استاندارد دسترسی‌پذیری نباشد.

الگوهای وابسته[ویرایش]