أدوات الألوان

فحص تباين الألوان: WCAG AA وAAA – مجانًا

مجانية، دون تسجيل، وتعمل في متصفحك. تحقّق مما إذا كان النص مقروءًا على خلفيته باستخدام نسبة تباين WCAG، واطّلع على نتائج AA وAAA للنص العادي والنص الكبير وعناصر التحكم، واحصل على أقرب لون يجتاز الفحص.

النص الكبير يبدو هكذا

نص المحتوى العادي يبدو هكذا. صِف خَلقَ خَودٍ كمِثلِ الشمسِ إذ بزغت، ويأتي تحته النص الصغير، مثل التعليق.

نص صغير: تعليق بحجم 14px.

زر
نسبة التباين13.08:1
  • نص عادي، AA: ناجحنص المحتوى، 4.5:1 على الأقل
  • نص عادي، AAA: ناجحمعزّز، 7:1 على الأقل
  • نص كبير، AA: ناجح18pt فأكثر، أو 14pt فأكثر غامق، 3:1 على الأقل
  • نص كبير، AAA: ناجحمعزّز، 4.5:1 على الأقل
  • الأيقونات وعناصر التحكم، AA: ناجحالأزرار والحدود وخطوط الرسوم البيانية: 3:1

يستخدم معادلة التباين في WCAG 2. لا تُقرَّب النسب إلى الأعلى أبدًا، لذا لا تُحتسب 4.49:1 كـ 4.5:1. يُفحص على جهازك.

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

مجانية 100%
استخدمها كلما شئت. دون تسجيل ودون علامة مائية ودون تثبيت أي شيء.
الخصوصية أولًا
ما تكتبه يبقى في متصفحك ولا يُرسل إلينا أبدًا.
تعمل على أي جهاز
تعمل في متصفحك على Windows وMac وLinux وAndroid وiPhone. دون الحاجة إلى تطبيق.

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

  1. أدخل لون النص ولون الخلفية، أو اخترهما.
  2. اقرأ نسبة التباين ونتائج النجاح أو الفشل.
  3. إذا فشل الفحص، اضغط على لون مقترح يجتازه.

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

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

أدلة المساعدة والشرح (بالإنجليزية)

أدوات ذات صلة