Go Toolstack

WCAG کلر کنٹراسٹ چیکر

ویب ایکسیسبیلٹی (AA اور AAA) کے معیار کے مطابق ٹیکسٹ اور بیک گراؤنڈ کا کنٹراسٹ چیک کریں۔

WCAG کلر کنٹراسٹ چیکر

ویب ایکسیسبیلٹی (AA اور AAA) کے معیار کے مطابق ٹیکسٹ اور بیک گراؤنڈ کا کنٹراسٹ چیک کریں۔

كيف يعمل

1
Enter Query Details
Specify the parameters, location, or query data you want to look up.
2
Fetch or Validate Data
Retrieve or validate information securely within your session.
3
Inspect Detailed Results
Review schedules, reference figures, or comprehensive data tables.

اس زمرے کے مزید کلائنٹ سائیڈ ٹولز دریافت کریں

مرکز ڈویلپر ٹولز • ورک فلو اور تقابلی گائیڈ

تمام ڈویلپر ٹولز ٹولز، براؤزر کی تکنیکی حدود اور موزوں انتخاب کی گائیڈ دریافت کریں۔

مرکز دیکھیں ←
JSON فارمیٹر، ویلیڈیٹر اور بیوٹیفائر

JSON ڈیٹا کو 64-bit درستگی اور اسکیما کے اصولوں کے مطابق فارمیٹ، کمپریس اور ویلیڈیٹ کریں۔
Base64 انکوڈر اور ڈیکوڈر

متن اور ڈیٹا کو UTF-8 سپورٹ کے ساتھ محفوظ طریقے سے Base64 فارمیٹ میں تبدیل کریں۔
SQL فارمیٹر اور کیوری بیوٹیفائر

پیچیدہ SQL کیوریز کو کسٹم انڈینٹیشن اور بولڈ کی ورڈز کے ساتھ خوبصورت اور پڑھنے کے قابل بنائیں۔

متعلقہ بلاگ گائیڈز

تکنیکی گائیڈز، مسائل کا حل اور بہترین عملی طریقوں کے رہنما مضامین

ڈویلپر ٹولز • ~4 منٹ مطالعہ

ایکسل میں CSV فائل خراب ہونے کی وجوہات اور حل: انکوڈنگ، ڈیلیمیٹرز اور صفر | GoToolstack

مائیکروسافٹ ایکسل میں سی ایس وی فائل کے بکھرنے کی وجوہات: UTF-8 BOM کا بائٹ آرڈر مارک، سیمی کولن بمقابلہ کوما، اور شناختی نمبرز کے شروع کے صفر محفوظ رکھنے کا حل۔

رہنما پڑھیں →
مركز المفاهيم والمعرفة

فاحص تباين ألوان التصميم وإتاحة الويب (WCAG Contrast Checker) لمستويات AA و AAA

تُعد إتاحة الويب الرقمية (Web Accessibility) واختبار وضوح النصوص مسؤولية أخلاقية ومعياراً قانونياً عالمياً لضمان تمكين جميع المستخدمين، بما فيهم ضعاف البصر والمصابون بعمى الألوان، من قراءة محتوى المواقع بسلاسة. يقوم هذا الفاحص البصري الدقيق بحساب نسبة التباين اللوني (Color Contrast Ratio) بين لون النص ولون الخلفية استناداً إلى معادلة الإضاءة النسبية (Relative Luminance) القياسية المعتمدة في إرشادات نفاذ محتوى الويب الدولية (WCAG 2.1).

يقوم المحرك باختبار التوافق الصارم مع مستويات النفاذ المعيارية: المستوى الأدنى AA (نسبة 4.5:1 للنصوص العادية و 3:1 للنصوص الكبيرة)، والمستوى المتقدم AAA (نسبة 7:1 للنصوص العادية و 4.5:1 للنصوص الكبيرة)، بالإضافة إلى فحص عناصر واجهة المستخدم والرموز الرسومية (3:1). على سبيل المثال، عند اختبار نص رمادي #737373 فوق خلفية بيضاء #FFFFFF، يحدد المحرك نسبة التباين بدقة عند 4.67:1، معلناً اجتياز النص لمعيار AA وفشله في تحقيق معيار AAA الأكثر صرامة.

تتضمن الأداة منتقي ألوان ذكي يقترح عليك أقرب درجة لونية بديلة متوافقة تلقائياً مع معايير WCAG بنقرة واحدة، مع محاكاة بصرية فورية لشكل القراءة بأحجام خطوط متعددة دون مغادرة براؤزر.

البنية الأساسية والمعادلة الرياضية

نسبة التباين = (L1 + 0.05) / (L2 + 0.05) ؛ حيث L1 تمثل الإضاءة النسبية للون الأفتح، و L2 الإضاءة النسبية للون الأغمق

تُحسب الإضاءة النسبية (L) وفق معيار sRGB بتحويل قيم RGB الخطية وتطبيق أوزان الطيف البصري الحساسة للعين: 0.2126R + 0.7152G + 0.0722B.

أفضل الممارسات والإرشادات الأساسية

  • الاستهداف الدائم لنسبة 4.5:1 كحد أدنى للنصوص الأساسية: يضمن تحقيق هذا المستوى قراءة مريحة للنصوص العادية لمعظم المستخدمين وفي مختلف ظروف الإضاءة المحيطة وشاشات الهواتف.
  • فحص تباين حالات التفاعل والتركيز (Focus States): تأكد من أن حدود الأزرار عند النقر بالماوس أو التنقل باللوحة (Tab Focus) تحقق نسبة تباين 3:1 مع الخلفية لمساعدة ذوي الإعاقة الحركية.
  • تجنب الاعتماد على اللون وحده لنقل المعلومة: لا تستخدم اللون الأحمر بمفرده للإشارة للخطأ؛ ادعمه بأيقونة تحذيرية أو نص صريح لتمكين المصابين بعمى الألوان من فهم الإشعار.
  • مراعاة انعكاس ضوء الشمس على شاشات الجوال: التباين المنخفض الذي يبدو مقبولاً في بيئة المكتب المظلمة يصبح غير مقروء تماماً تحت أشعة الشمس المباشرة؛ اختر تبايناً أقوى.

الأسئلة الشائعة والأجوبة (FAQ)

کیا ہے الفارق بين مستويات الامتثال لمعايير إتاحة الويب AA و AAA؟
المستوى AA هو المعيار القانوني العالمي القياسي المطلوب لمعظم المواقع (نسبة 4.5:1)، بينما المستوى AAA هو المعيار الذهبي فائق التباين (نسبة 7:1) المخصص للمواقع الحكومية والطبية.
ما الذي يعتبر 'نصاً كبيراً' (Large Text) في مواصفات WCAG الدولية؟
يُعرف النص الكبير بأنه النص ذو الحجم 18pt (نحو 24 بكسل) أو النص العريض (Bold) ذو الحجم 14pt (نحو 18.5 بكسل) فما فوق، ويتطلب نسبة تباين مخففة تبلغ 3:1 فقط.
كيف تساعدني ميزة 'اقتراح اللون البديل' في إصلاح الألوان غير المتوافقة؟
تقوم الأداة بضبط إضاءة اللون غير المتوافق تدريجياً وبأقل تغيير بصري ممكن للدرجة الأصلية حتى تصل به للحد الأدنى الدقيق المطلوب لاجتياز فحص AA أو AAA.
هل تؤثر نسبة التباين اللوني على تقييم سيو الموقع في محركات البحث؟
نعم؛ تعتمد أداة Google Lighthouse الرسمية لتقييم تجربة المستخدم على معايير WCAG للتباين، وانخفاض التباين يقلص نقاط إتاحة الموقع ويؤثر سلباً على تصنيفه.