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

تحقق من إمكانية وصول الألوان وفق نسب تباين WCAG 2.1 ودرجات APCA الحديثة. محاكاة عمى الألوان وإصلاح تلقائي مع الحفاظ على درجة اللون. أداة مجانية أونلاين.

Quick Presets

Foreground

Background

WCAG 2.1 Ratio5.7:1

Level AA

Normal Text

Pass

Large Text

Pass

Level AAA

Normal Text

Fail

Large Text

Pass

APCA Score (Lc)

Good (Body)

Standard for WCAG 3.0. Scores vary by use case (Body vs Header).

Interface Preview

The quick brown fox jumps over the lazy dog.

Designing for accessibility isn't an afterthought; it's a fundamental part of the technical trust we build with our users.

Cautionary Label

Notification

Your color choices influence how easily users can digest critical information.

Was this tool helpful?

كيفية الاستخدام

كيفية استخدام مدقق Contrast للتحقق من صحة البيانات وتحديد الأخطاء بدقة عالية. المدقق يقدم تحليلاً شاملاً مع رسائل أخطاء وصفية ومفيدة تساعدك في إصلاح المشكلات بسرعة وكفاءة.

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

حول هذه الأداة

يفحص مدقق Contrast من DevToolkit البنية النحوية والمنطقية لبيانات Contrast بدقة عالية وفقاً للمواصفات الرسمية المعتمدة. يعمل المحلّل المتقدم بالكامل في المتصفح ويُرجع قائمة مفصّلة ومنظّمة بالأخطاء المكتشفة مع أرقام الأسطر والأعمدة وأوصاف واضحة ومفهومة لكل مشكلة مع اقتراحات عملية وفورية للإصلاح المناسب.

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

أداء المدقق محسّن خصيصاً للملفات الكبيرة باستخدام تقنيات التحليل المتدفق المتقدمة التي تقلل استهلاك الذاكرة بشكل كبير. يدعم جميع ترميزات النص الشائعة بما فيها UTF-8 مع الأحرف العربية والفارسية واللاتينية والصينية واليابانية. المعالجة المحلية الكاملة تجعل المدقق آمناً تماماً لفحص ملفات إعدادات تحتوي على مفاتيح API سرية أو بيانات اعتماد أو معلومات حساسة أخرى لا يجب إرسالها لأي خدمة خارجية.

يستفيد محرك المعالجة من تقنيات المتصفح الحديثة بما في ذلك Canvas API وWebAssembly وWeb Workers للحسابات المتوازية. تضمن الخوارزميات المتوافقة مع المعايير نتائج متسقة عبر متصفحات وأنظمة تشغيل وتكوينات أجهزة مختلفة.

لماذا تستخدم هذه الأداة

لماذا يُعد التحقق من صحة بيانات Contrast خطوة ضرورية في سير عمل التطوير:

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

التوفر الفوري دون إنشاء حساب أو تنزيل برامج يزيل الحواجز التقليدية لمعالجة البيانات الاحترافية. التوافق عبر المنصات يضمن نتائج متطابقة على أجهزة Windows وmacOS وLinux وiOS وAndroid دون إعداد إضافي.

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

ما الفرق بين معيار WCAG 2.1 ومعيار APCA؟

WCAG 2.1 يستخدم نسبة رياضية بسيطة مثل 4.5 إلى 1 لكنها لا تعكس الإدراك البشري تمامًا. APCA خوارزمية أكثر تعقيدًا مخصصة لمسودة WCAG 3.0 تأخذ بالاعتبار سياق النص وقطبية الألوان فتعطي نتائج أقرب لما يراه المستخدم فعليًا.

ما نسبة التباين المطلوبة لاجتياز WCAG AA؟

النص العادي يحتاج نسبة 4.5 إلى 1 على الأقل. النص الكبير بحجم 18 نقطة أو 14 نقطة عريض يحتاج 3 إلى 1. عناصر واجهة المستخدم غير النصية مثل الأيقونات والحدود تحتاج 3 إلى 1. معيار AAA يتطلب 7 إلى 1 للنص العادي.

كيف تعمل محاكاة عمى الألوان؟

تطبّق مصفوفات رياضية لتحويل الألوان عبر مرشحات SVG على لوحة المعاينة. تحاكي أربعة أنواع: عمى اللون الأحمر وعمى اللون الأخضر وعمى اللون الأزرق وعمى الألوان الكامل. هذا يتيح رؤية تصميمك كما يراه المستخدمون ذوو هذه الحالات.

كيف تعمل ميزة الإصلاح السحري؟

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

هل تُرسل بياناتي لأي خادم؟

لا. كل الحسابات والمحاكاة تتم في متصفحك بالكامل. لا تُرسل أي بيانات لخوادم خارجية. كما أن جميع العمليات تستخدم واجهات برمجة المتصفح المحلية دون أي اتصال بخوادم خارجية، مما يضمن حماية كاملة لخصوصية بياناتك وملفاتك الشخصية.