بدون رفع, 100% محلي، بدون حساب

فاحص تباين WCAG

اكتب أو اختر لونين وشاهد نسبة تباين WCAG فورًا، مع شارات اجتياز AA/AAA للنص العادي والكبير.

كيف تعمل فاحص التباين

تحسب هذه الأداة نسبة التباين وفق معيار WCAG بين لونين وتُظهر ما إذا كان الزوج يحقق المستوى AA أو AAA للنص العادي والنص الكبير وعناصر الواجهة غير النصية. تتم كل الحسابات محليًا داخل متصفحك؛ الألوان التي تُدخلها لا يتم رفعها أبدًا.

كيفية استخدام فاحص التباين خطوة بخطوة

  1. أدخل أو اختر لون المقدمة (لون النص).
  2. أدخل أو اختر لون الخلفية.
  3. اطّلع على نسبة التباين وشارات AA/AAA للنص العادي والنص الكبير وعناصر الواجهة غير النصية.
  4. استخدم تبديل الألوان للتحقق من الزوج بالاتجاه المعاكس.

حالات الاستخدام الشائعة

  • التحقق من لون علامة تجارية أساسي مقابل الأبيض أو الأسود قبل إطلاق مكوّن زر.
  • التأكد من أن نص محتوى رمادي باهت لا يزال يجتاز مستوى AA على خلفية بطاقة فاتحة.
  • تأكيد أن لون رابط داخل فقرة يبلغ حد 4.5:1 الخاص بالنص العادي.
  • اختبار ما إذا كان عنوان كبير بوزن خفيف لا يزال يجتاز حد 3:1 الأخف الخاص بالنص الكبير.

الأسئلة الشائعة

هل ترسل هذه الأداة ألواني إلى خادم؟

لا، يتم الحساب بالكامل داخل متصفحك باستخدام جافاسكريبت؛ لا شيء مما تُدخله يُرفع.

ما نسبة التباين المطلوبة لتحقيق AA أو AAA؟

يتطلب معيار WCAG 2.x نسبة 4.5:1 لمستوى AA للنص العادي، و7:1 لمستوى AAA للنص العادي، و3:1 لمستوى AA للنص الكبير، و4.5:1 لمستوى AAA للنص الكبير.

ما الذي يُعد نصًا كبيرًا؟

24 بكسل على الأقل (18 نقطة) بالوزن العادي، أو نحو 18.7 بكسل (14 نقطة) بالخط العريض؛ أي نص أصغر يستخدم حدود النص العادي.

لماذا لا يغيّر تبديل المقدمة والخلفية النسبة؟

صيغة النسبة متماثلة: تقارن فقط السطوع الأفتح والأغمق، وليس أي لون يُستخدم للنص. لكن التبديل يظل مفيدًا لأنه يُخبرك ما إذا كان الزوج يعمل أيضًا بأدوار معكوسة، مثل نص غامق على شريحة فاتحة مقابل نص فاتح على شريحة غامقة.

هل يضمن اجتياز AA أن تصميمي متاح لذوي الاحتياجات؟

لا. التباين معيار نجاح واحد من معايير WCAG العديدة. اختيار الألوان لذوي ضعف الرؤية اللونية، ووضوح التركيز، وتغيير حجم النص، والتنقل بلوحة المفاتيح، كلها فحوصات منفصلة؛ ومحاكي عمى الألوان في هذا الموقع يغطي واحدًا منها.

هل هذه أداة رسمية من W3C أو WebAIM؟

لا. تُطبّق صيغة التباين العامة لمعيار WCAG 2.x بشكل مستقل، وليست تابعة لـW3C أو أي منظمة إتاحة أخرى.