الگو:نسبت کنتراست رنگ بیشتر
این الگو در نزدیک به ۵٬۹۰۰ صفحه بهکار رفته است و تغییر دادن آن میتواند تأثیرات گستردهای داشته باشد. لطفاً تغییرات را در زیرصفحههای /تمرین یا /آزمایشی الگو، یا در زیرصفحهٔ کاربری خودتان بیازمایید. توصیه میشود که ابتدا در خصوص تغییرات مورد نظر در صفحهٔ بحث گفتگو کرده و سپس آنها را پیادهسازی کنید. |
این الگو از لوآ استفاده میکند: |
این الگو جفت رنگها با نسبت کنتراست بیشتر 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
برابر با ۱/۲۵ مقدار ممکن را به ۴ کاهش میدهد که ممکن است برابر استاندارد دسترسیپذیری نباشد.
الگوهای وابسته
[ویرایش]- {{Ensure AAA contrast ratio}}
- {{Ensure AA contrast ratio}}
- الگو:Color contrast conformance § HTML colors
- ویکیپدیا:شیوهنامه/دسترسیپذیری § رنگ
حقیقتش،یاه یاه واقعا فرد بزرگی است.اوست که خالق فوتبال است.