مفحص نسبة تباين WCAG تحقق من نسب التباين حسب معايير WCAG بين الألوان الأمامية والخلفية.
مفحص نسبة التباين
تحقق من نسب التباين حسب معايير WCAG بين الألوان الأمامية والخلفية.
تعيين الألوان
أدخل لون النص الخلفية والخلفية.
التحقق من الامتثال
انظر نسبة التباين ونتائج WCAG AA/AAA للنجاح أو الفشل.
تعديل وتغيير
عدّل الألوان حتى تصل إلى مستوى الامتثال المستهدف.
What Is مفحص نسبة التباين?
مُتحكم نسبة التباين WCAG يقيم إمكانية الوصول إلى مجموعات الألوان عن طريق حساب نسبة التباين بين لون الخلفية (النص) ولون الأمام حسب إرشادات الويب للمحتوى الإلكتروني (WCAG) 2.1. يحسب الأداة نسبة تباين القيمة الفعلية ويتحقق منها ضد أربعة عتبات WCAG: AA للنص العادي (≥4.5:1)، AA للنص الكبير (≥3.0:1)، AAA للنص العادي (≥7.0:1)، وAAA للنص الكبير (≥4.5:1). اجتياز هذه العتبات يضمن أن النص يمكن قراءته من قبل المستخدمين الذين لديهم مستويات مختلفة من الإعاقة البصرية، بما في ذلك ضعف البصر والعمى الألوان. توفر الأداة معاينة مباشرة للنص تظهر كيف تبدو مزيج الألوان الخاص بك فعلاً بأحجام مختلفة، إلى جانب مؤشرات واضحة لاجتياز أو فشل كل مستوى من مستويات WCAG. هذا أداة أساسية لأي مطور ويب أو مصمم ملتزم بإنشاء تجارب رقمية متاحة وشاملة.
Why Use مفحص نسبة التباين?
-
التحقق الفوري من الامتثال ل_wcag AA و AAA
-
معاينة نص مرئية بحجم متغير يظهر القراءة في العالم الحقيقي
-
مؤشرات نجاح/فشل واضحة مع عتبات نسبة مطلوبة
-
زر التبديل لاختبار مجموعات الألوان المعكوسة بسرعة
-
يتحقق من أربعة مستويات امتثال: AA/AAA للنص العادي والكبير
Common Use Cases
إمكانية الوصول إلى الويب
التأكد من أن مجموعات النص الخلفية تفي بمتطلبات WCAG 2.1 لامتثال ADA و AODA.
تدقيق نظام التصميم
اختبار جميع مجموعات الألوان في نظام التصميم للامتثال لإمكانية الوصول.
تقييم ألوان العلامة التجارية
التحقق مما إذا كانت يمكن استخدام ألوان العلامة التجارية لمجموعات نص خلفية تفي بمعايير إمكانية الوصول.
الامتثال القانوني
ضمان أن المحتوى الرقمي يلبي قوانين إمكانية الوصول التي تشير إلى معايير WCAG.
Technical Guide
تحسب نسبة التباين باستخدام صيغة لمعايير اللمعان النسبية في WCAG 2.1. أولاً، يتم تحويل كل قناة لونية إلى خطية: إذا كان sRGB ≤ 0.03928، فإن الخطي = sRGB/12.92؛ وإلا فإن الخطي = ((sRGB + 0.055)/1.055)^2.4. اللمعان النسبي L = 0.2126×R + 0.7152×G + 0.0722×B. نسبة التباين = (L_lighter + 0.05) / (L_darker + 0.05). تتراوح النسبة من 1:1 (لا يوجد تباين، نفس اللون) إلى 21:1 (الأسود على الأبيض). تحدد WCAG 2.1 أربعة عتبات: يتطلب المستوى AA ≥4.5:1 للنص العادي (<18pt أو <14pt غامق) و≥3:1 للنص الكبير (≥18pt أو ≥14pt غامق). يتطلب المستوى AAA ≥7:1 للنص العادي و≥4.5:1 للنص الكبير. تعتمد هذه العتبات على أبحاث حول الحدة البصرية وتضمن قراءة النص للمستخدمين الذين لديهم رؤية 20/40 أو ضعف بصر معتدل.
Tips & Best Practices
-
1استهدف على الأقل نسبة تباين 4.5:1 للنص الجسمي - هذا هو الحد الأدنى ل_wcag AA
-
2النص الكبير (18px+ أو 14px+ غامق) له متطلب أقل من 3:1 لـ AA
-
3تضمن الامتثال AAA (7:1) قراءة سهلة للمستخدمين الذين يعانون من إعاقات بصرية أكثر شدة
-
4استخدم زر التبديل لاختبار ما إذا كانت ألوانك تعمل جيدًا في كلا الاتجاهين
-
5تصميمات الوضع الداكن تحتاج إلى نفس نسب التباين - اختبارهما معًا
Related Tools
مُحَوِّل HEX إلى RGB
قم بتحويل رموز الألوان HEX إلى قيم RGB في الحال مع معاينة مباشرة للعينة.
🎨 Color Tools
محدد اللون
محدد لون تفاعلي مع مخرجات HEX و RGB و HSL و CMYK.
🎨 Color Tools
مُولِد درجات الألوان
إنشاء درجات أغمق لأي لون مع عدد خطوات قابل للتعديل.
🎨 Color Tools
مُحسّن لوحة الألوان
إنشاء مجموعات ألوان تتوافق مع متطلبات التباين في WCAG.
🎨 Color Tools
محاكي عمى الألوان
احصل على صورة عن كيفية ظهور الألوان للأشخاص الذين يعانون من أنواع مختلفة من نقص رؤية الألوان.
🎨 Color ToolsFrequently Asked Questions
Q ما هو نسبة تباين WCAG؟
Q ما الفرق بين AA و AAA؟
Q ما يشكل نصًا كبيرًا؟
Q هل تحدد اللون وحده إمكانية الوصول؟
About This Tool
مفحص نسبة التباين is a free online tool by FreeToolkit.ai. All processing happens directly in your browser — your data never leaves your device. No registration or installation required.