أدخل لون النص والخلفية، ثم اقرأ نسبة التباين والحد المناسب لحجم النص أو عناصر الواجهة.
تغيير اللغة يبدأ جلسة جديدة. احتفظ بالنتيجة أولًا.
أدخل لون النص والخلفية، ثم اقرأ نسبة التباين والحد المناسب لحجم النص أو عناصر الواجهة.
النتائج تفحص تباين اللون فقط وليست تدقيق إتاحة كاملاً أو ضمان امتثال قانوني. راجع حجم النص وسياق العرض.
المقدمة (النص)
RGB: 30, 41, 59
HSL: 217°, 33%, 17%
الخلفية
RGB: 255, 255, 255
HSL: 0°, 0%, 100%
نص عادي (14 بكسل) — لوريم إيبسوم دولور سيت أميت، كونسيكتور أديبيسينج إيليت. ولكن قد يحدث وقت طويل من العمل والألم الكبير.
نص كبير (18 نقطة / 24 بكسل) — مثال على العنوان
نص عريض وكبير (14 نقطة غامقة / ~18.67 بكسل غامق) — يعتبر أيضًا نصًا كبيرًا
14.63:1
نسبة التباين
| السياق | العتبة | WCAG AA | WCAG AAA |
|---|---|---|---|
| نص عادي | ≥4.5:1 / ≥7:1 | ✓ ناجح | ✓ ناجح |
| نص كبير (18pt+ أو 14pt غامق) | ≥3:1 / ≥4.5:1 | ✓ ناجح | ✓ ناجح |
| مكونات واجهة المستخدم | ≥3:1 | ✓ ناجح | — |
إنشاء أنظمة ألوان متناغمة باستخدام نظرية الألوان. يشمل المتمم والمماثل والثلاثي وغير ذلك.
🎨 فتح لوحة الألوان →يتطلب تباين النص في WCAG AA نسبة 4.5:1 للنص العادي و3:1 للنص الكبير. فحص الألوان وحده لا يثبت استيفاء جميع متطلبات الإتاحة.
يرفع معيار AAA تباين النص إلى 7:1 للنص العادي و4.5:1 للنص الكبير. تفحص هذه الأداة تباين الألوان ولا تتحقق من الامتثال القانوني.
النص الكبير لا يقل عن 18pt بالوزن العادي أو14pt بالخط العريض. تحقّق من حجم الخط ووزنه الفعليين في التصميم النهائي.
تحسب الأداة السطوع النسبي من قيم RGB بعد تحويلها إلى المقياس الخطي، ثم تقسم (السطوع الأفتح + 0.05) على (السطوع الأغمق + 0.05).
إذا ظهر النص فوق تدرج أو صورة أو نقش، فافحص المنطقة الأقل تباينًا. لا يمثّل زوج واحد من الألوان المسطحة كل أجزاء الخلفية.