--- id: 587d778e367417b2b2512aab title: Improve Readability with High Contrast Text challengeType: 0 videoUrl: '' localeTitle: تحسين إمكانية القراءة مع نص عالي التباين --- ## Description

قد يؤدي التباين المنخفض بين ألوان المقدمة والخلفية إلى صعوبة قراءة النص. يحسن التباين الكافي من سهولة قراءة المحتوى الخاص بك ، ولكن ماذا يعني "كاف" بالضبط؟ توصي إرشادات الوصول إلى محتوى الويب (WCAG) بنسبة تباين تبلغ 4.5 إلى 1 على الأقل للنص العادي. يتم حساب النسبة بمقارنة قيم النصوع النسبي للونين. يتراوح هذا من 1: 1 لنفس اللون ، أو بدون تباين ، إلى 21: 1 للون الأبيض في مقابل أسود ، وهو أقوى تباين. هناك العديد من أدوات التحقق من التباين المتاحة عبر الإنترنت والتي تحسب هذه النسبة لك.

## Instructions

يتميز اختيار Camper Cat للنص باللون الرمادي الفاتح على خلفية بيضاء لمشاركته الأخيرة في المدونة بنسبة تباين تبلغ 1.5: 1 ، مما يجعل من الصعب قراءتها. قم بتغيير color النص من الرمادي الحالي ( #D3D3D3 ) إلى اللون الرمادي الداكن ( #636363 ) لتحسين نسبة التباين إلى 6: 1.

## Tests

```yml tests: - text: يجب تغيير التعليمات البرمجية الخاصة بك color النص الخاص body إلى الرمادي الداكن. testString: 'assert($("body").css("color") == "rgb(99, 99, 99)", "Your code should change the text color for the body to the darker gray.");' - text: التعليمات البرمجية لا ينبغي تغيير background-color لل body . testString: 'assert($("body").css("background-color") == "rgb(255, 255, 255)", "Your code should not change the background-color for the body.");' ```

## Challenge Seed

```html

Deep Thoughts with Master Camper Cat

A Word on the Recent Catnip Doping Scandal

The influence that catnip has on feline behavior is well-documented, and its use as an herbal supplement in competitive ninja circles remains controversial. Once again, the debate to ban the substance is brought to the public's attention after the high-profile win of Kittytron, a long-time proponent and user of the green stuff, at the Claw of Fury tournament.

As I've stated in the past, I firmly believe a true ninja's skills must come from within, with no external influences. My own catnip use shall continue as purely recreational.

```

## Solution

```js // solution required ```