سانچو:Greater color contrast ratio
 | هي سانچو ھزارين صفحن تي استعمال ٿئي ٿو، تنهنڪري ان ۾ ڪيل تبديليون وڏي پيماني تي نظر اچي سگهن ٿيون۔ تبديليون لاڳو ڪرڻ کان اڳ، مهرباني ڪري انهن کي سانچي جي /ريتخاني يا /آزمائشي حالتون وارن ذيلي صفحن ۾ آزمائي ڏسو، يا پنهنجي يوزر ذيلي صفحي ۾ جانچ ڪريو۔ تبديليون لاڳو ڪرڻ کان اڳ ڳالهيون صفحي تي بحث ڪرڻ تي پڻ غور ڪيو۔ |
 | هي سانچو لوا استعمال ڪري ٿو: |
هي سانچو ٻن رنگن جي جوڙن مان اُن جوڙو چونڊي ٿو جنهن ۾ وڌيڪ ڪنٽراسٽ هجي: color1/color2 يا color1/color3. اهو خاص طور تي متن ۽ پس منظر جي مناسب رنگ چونڊڻ لاءِ مفيد آهي. رسائي (Accessibility) لاءِ، WCAG 2.0 AA هدايتن مطابق وڏي متن لاءِ ڪنٽراسٽ ريشو 3 يا وڌيڪ، ۽ عام متن لاءِ 4.5 يا وڌيڪ هجڻ گهرجي۔
ڊفالٽ حالت ۾، color2 ۽ color3 اڇو ۽ ڪارو هوندا آهن، ۽ چونڊيل رنگن جو جوڙو هميشه 4.58 کان وڌيڪ ڪنٽراسٽ ريشو رکندو آهي۔
پيرا ميٽر
[سنواريو]رنگ نالي (مثال: "khaki") يا هيڪس ٽرپلٽ سان ڏئي سگهجي ٿو ("#F0E68C" يا "F0E68C")
|1=(ضروري): پس منظر رنگ|2=پهريون متن رنگ (اختياري، ڊفالٽ = اڇو #FFFFFF)|3=ٻيون متن رنگ (اختياري، ڊفالٽ = ڪارو #000000)
- سانچو اهو متن رنگ واپس ڏئي ٿو جنهن جو ڪنٽراسٽ سڀ کان وڌيڪ هجي
- پس منظر Khaki (#F0E68C): {{Greater color contrast ratio|khaki|white|black}} → black
- پس منظر RoyalBlue (#4169E1): {{Greater color contrast ratio|#4169E1|FFFFFF|000000}} → FFFFFF (=اڇو)
- css متن
|css=yاستعمال ڪرڻ سان نتيجو CSS-تيار متن طور ملي ٿو:
- Khaki (#F0E68C):
{{Greater color contrast ratio|khaki|white|black|css=y}}- → background-color:khaki; color:black;
- مثال 1, Khaki (#F0E68C)
<span style="font-size:110%; {{Greater color contrast ratio|khaki|white|black|css=y}}">مثالي متن</span>- → مثالي متن
- مثال 2, #4169E1 (RoyalBlue)
<span style="font-size:110%; {{Greater color contrast ratio|#4169E1|#ffffff|#000000|css=y}}">مثالي متن</span>- → مثالي متن
- bias
|bias=number: ڪنٽراسٽ جي چونڊ کي ٿورو گهٽائي ٿو۔ مثال طور bias=1.25 سان گهٽ ۾ گهٽ ريشو 4.0 ٿي سگهي ٿو، جيڪو هميشه رسائي معيار تي پورو نه لهندو۔
- هي پيرا ميٽر احتياط سان استعمال ڪيو وڃي ته جيئن وڪيپيڊيا:رسائي برقرار رهي۔
مثال
[سنواريو]- Navy
<span style="background:navy; color:{{Greater color contrast ratio|navy|white|black}}">Navy</span>→ Navy
- Red
<span style="background:red; color:{{Greater color contrast ratio|red|white|black}}">Red</span>→ Red
- White
<span style="background:white; color:{{Greater color contrast ratio|white|white|black}}">White</span>→ White
- Black
<span style="background:black; color:{{Greater color contrast ratio|black|white|black}}">Black</span>→ Black