انتقل إلى المحتوى
patrache.tools

فحص تباين الألوان

أداة مجانية لفحص تباين الألوان. قياس نسبة التباين وفق معايير WCAG AA/AAA. التحقق من إمكانية الوصول. معالجة في المتصفح.

لون الأمامية
لون الخلفية
21.00:1
نسبة التباين
نص عادي
AA (4.5:1)ناجح
AAA (7:1)ناجح
نص كبير
AA (3:1)ناجح
AAA (4.5:1)ناجح
معاينة

هذا نص تجريبي باللغة العربية لاختبار التباين 1234567890

هذا نص تجريبي باللغة العربية لاختبار التباين 1234567890

lockلا يتم إرسال الملفات إلى أي خادم
مشاركة
تضمين

ضمّن هذه الأداة في موقعك

مدقق تباين الألوان مجاني على الإنترنت يختبر نسب التباين بين لونين وفق معايير إمكانية الوصول WCAG 2. 1 (AA، AAA).

كيف تستخدم فحص تباين الألوان؟

  1. أدخل لون المقدمة (النص) ولون الخلفية.
  2. تحقق من نسبة التباين ودرجة WCAG (AA/AAA).
  3. اضبط الألوان عند الحاجة لاستيفاء المعايير.

الأسئلة الشائعة حول فحص تباين الألوان

ما الفرق بين WCAG AA وAAA؟

يتطلب AA نسبة 4.5:1 للنص العادي و3:1 للنص الكبير. أما AAA فأكثر صرامة بنسبة 7:1 و4.5:1 على التوالي.

ماذا أفعل إذا لم تجتز نسبة التباين لدي؟

اضبط الألوان لتصبح أفتح أو أغمق لزيادة التباين. تعرض الأداة النتائج في الوقت الفعلي أثناء الضبط.

النص الكبير له عتبة أدنى، فما الحجم الذي يُعدّ كبيراً؟

تعدّ إرشادات WCAG النص كبيراً ابتداءً من 18 نقطة (نحو 24 بكسل) بالوزن العادي، أو 14 نقطة (نحو 18.7 بكسل) إذا كان عريضاً. وتحقيق ذلك يخفض متطلّب المستوى AA من 4.5:1 إلى 3:1. لكن تذكّر أن هذه حدود دنيا لا أهداف؛ فنص المتن يجب أن يظل مقروءاً على شاشة خافتة أو تحت ضوء النهار، والاقتراب من 7:1 عادة أكثر أماناً.

كيف أتحقّق من تباين نص فوق صورة أو لوحة شبه شفافة؟

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

نصائح لاستخدام فحص تباين الألوان بفعالية

  • النص العادي يحتاج 4.5:1، أما الخط بحجم 18pt أو العريض 14pt فيكفيه 3:1 لاجتياز المستوى AA.
  • معايير الوصول الرقمي في المنطقة العربية تستند إلى العتبات نفسها الواردة في WCAG.
  • العناصر غير النصية مثل الأيقونات وحدود الحقول تحتاج أيضاً تبايناً بنسبة 3:1.

Powered by Patrache Studio Tools

يرجى السماح بالإعلانات على هذا الموقع

لاستخدام هذه الأدوات، اسمح بالإعلانات على هذا الموقع. تساعد عائدات الإعلانات في إبقاء الخدمة مجانية.

افتح مانع الإعلانات وأوقف الحظر لهذا الموقع، ثم تحقق مرة أخرى.