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

لون النص
درجة
لون الخلفية
درجة
نسبة التباين
--:1
نص عادي
نص الجسم أقل من 18px (أو أقل من 14px عريض)
AA AAA
نص كبير
18px+ عادي، أو 14px+ عريض
AA AAA
مكونات واجهة المستخدم
الأيقونات والحدود وعناصر النماذج والرسومات
AA AAA
معاينة مباشرة

الثعلب البني السريع

النص الكبير يُقرأ براحة عند كفاية التباين.

هذه فقرة نموذجية من نص الجسم العادي. يُبقي تباين الألوان الجيد محتواك مقروءاً للجميع، بمن فيهم ذوو ضعف البصر أو عمى الألوان. رابط نموذجي.

النص الصغير والتسميات التوضيحية هي الأصعب قراءةً — تحتاج أعلى تباين.
زر نموذجي زر نموذجي
اقتراح

كل شيء يُحسَب مباشرةً في متصفحك باستخدام صيغة luminance النسبية لـ WCAG 2.x — لا رفع، لا تسجيل، مجاني تماماً.


حول مدقق تباين الألوان

أداة فاحص تباين الألوان تقيس نسبة تباين WCAG بين لون النص ولون الخلفية، ثم تُقيّم الزوج مقابل مستويات إمكانية الوصول AA وAAA للنص العادي، النص الكبير ومكونات الواجهة. تُحدَّث النسبة وكل حكم نجاح/فشل مباشرة أثناء ضبط أي من اللونين.

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

تتبع الرياضيات صيغة السطوع النسبي لـ WCAG 2.x وتعمل بالكامل في متصفحك — لا شيء يُرفع والفحوصات مجانية. يمكنك أيضًا نسخ تقرير نصي مختصر بالنسبة والدرجات للصقه في مراجعة إمكانية وصول أو طلب دمج.

كيفية استخدام مدقق تباين الألوان

  1. اضبط لون النص ولون الخلفية باستخدام المنتقيات أو بكتابة القيم.
  2. اقرأ نسبة التباين ونتائج AA/AAA للنص العادي والنص الكبير ومكونات الواجهة.
  3. افحص المعاينة المباشرة لرؤية عناوين وفقرات وأزرار وروابط حقيقية بألوانك.
  4. إذا فشل الزوج، طبّق لون النص المقترح الذي يمكن الوصول إليه أو بدّل بين اللونين.
  5. انقر على "نسخ التقرير" لمشاركة النسبة ونتائج التوافق.

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

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

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

نعم. يُحسب كل فحص فورًا في متصفحك باستخدام صيغة السطوع النسبي لـ WCAG، دون تسجيل ولا حد استخدام ولا تكلفة.

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

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

لا. اللونان والنسبة والاقتراحات كلها تُحسب محليًا في متصفحك — الصفحة لا تُجري أي طلبات خادم أثناء عملك.

شارك هذا

عمليات البحث الشائعة
فاحص تباين الألوان نسبة تباين WCAG فاحص تباين إمكانية الوصول فاحص تباين النص اختبار تباين AA AAA فحص تباين الألوان أونلاين
هل تحتاج إلى مساعدة؟
هل واجهت مشكلة في هذه الأداة؟ أخبر فريقنا.
الإبلاغ عن مشكلة

أضف هذه الأداة المجانية إلى موقعك الخاص — انسخ والصق الكود أدناه.