التصميم
مدقق تباين الألوان
نسبة تباين WCAG للونين.
تقريباً قبل أن ندرك ذلك، كنا قد غادرنا الأرض.
1.00
نسبة التباين
| قياسي | نص عادي | نص كبير |
|---|---|---|
| WCAG AA | — | — |
| WCAG AAA | — | — |
| WCAG 1.4.11 | المكوّنات غير النصية / مكوّنات UI (≥3:1): — | |
أقرب بديل نصي AAجارٍ حساب بديل OKLCH…
يتبع هذا التقرير متطلبات نسبة التباين في WCAG 2.2. يظل APCA تجريبيًا ولا يُعد نتيجة مطابقة لـ WCAG 3.
اختر الألوان؟ محوّل الألوان · السير الاجتماعية: مولد النصوص المزخرفة · موازين: مولد تدرجات الألوان.
كيفية الاستخدام
اختر لون النص ولون الخلفية. يتم تحديث نسبة التباين ونتائج النجاح/الفشل لكل مستوى WCAG مباشرة، مع معاينة.
الأسئلة الشائعة
ما هي نسبة التباين الجيدة؟
يتطلب WCAG AA نسبة 4.5:1 للنص العادي و3:1 للنص الكبير. ويتطلب AAA نسبتي 7:1 و4.5:1 على الترتيب. كما يتطلب WCAG 1.4.11 نسبة 3:1 للرسومات الأساسية غير النصية وحدود مكونات UI أو حالاتها.
ما الذي يُعتبر نصًا كبيرًا؟
النص الكبير حوالي 18pt (24px) أو 14pt (18.66px) عريض وأكبر.
كيف يتم حساب النسبة؟
من الإنارة النسبية للونين: (الأفتح + 0.05) ÷ (الأغمق + 0.05)، وفق صيغة WCAG.
آخر تحديث: