انتقل إلى المحتوى
التصميم واللون

مدقق التباين WCAG

يعد النص منخفض التباين هو أكثر فشل إمكانية الوصول شيوعًا على الويب. أدخل ألوان النص والخلفية للحصول على نسبة التباين الدقيقة وحكم النجاح/الفشل للنص العادي والنص الكبير ومكونات واجهة المستخدم.

4 دقيقة قراءةتم التحديث 2026-11-04

حقائق أساسية

فئة
التصميم واللون
سعر
حر
حساب
غير مطلوب
يعالج
في المتصفح الخاص بك
مدخل
الملفات المحلية أو البيانات الملصقة
منصة
متصفحات سطح المكتب والجوال الحديثة

ماذا يفعل

يعد النص منخفض التباين هو أكثر فشل إمكانية الوصول شيوعًا على الويب. أدخل ألوان النص والخلفية للحصول على نسبة التباين الدقيقة وحكم النجاح/الفشل للنص العادي والنص الكبير ومكونات واجهة المستخدم.

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

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

إليك النسخة المختصرة لاستخدام مدقق التباين WCAG.

  • ضبط النص والخلفية — استخدم مدخلات اللون أو الصق قيم hex من رموز التصميم الخاصة بك.
  • اقرأ النسبة — تقوم الأداة بحساب النصوع النسبي ونسبة التباين إلى منزلتين عشريتين.
  • إصلاح وإعادة الاختبار — إذا فشل الزوج، فاضبط الإضاءة حتى يمر، ثم انسخ قيم hex المتوافقة.

الميزات التي تهم

ما يفعله مدقق التباين WCAG بشكل جيد.

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

الأسئلة المتداولة

هل زوج الألوان الخاص بي آمن للاستخدام هنا؟

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

هل أحتاج إلى إنشاء حساب؟

لا، كل أداة قابلة للاستخدام بالكامل دون تسجيل الدخول. يضيف الحساب فقط المفضلات المحفوظة والإعدادات المسبقة القابلة لإعادة الاستخدام.

هل يعمل على الهاتف؟

نعم. تعتمد الواجهة على الأجهزة المحمولة أولاً وتتميز بأهداف لمس كبيرة وتخطيط مكدس، لذا فهي تعمل على الهواتف والأجهزة اللوحية بالإضافة إلى أجهزة الكمبيوتر المكتبية.

ما هي النسبة التي تتطلبها WCAG؟

يتطلب AA نسبة 4.5:1 للنص العادي و3:1 للنص الكبير (18pt أو 14pt غامق). ترفع AAA هذه النسبة إلى 7:1 و4.5:1. تحتاج مكونات واجهة المستخدم غير النصية إلى نسبة 3:1 على الأقل.

لماذا يبدو اللون جيدًا ولكنه يفشل؟

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

فتح مدقق التباين WCAG

جربه الآن - فهو يعمل في متصفحك ولا يحتاج إلى حساب.

افتح الأداة