مدقق تباين الألوان
تأكد من أن موقعك الإلكتروني قابل للقراءة للجميع. يقوم أداة التحقق من تباين الألوان المجانية لدينا بحساب النسبة الدقيقة بين ألوان النص والخلفية الخاصة بك، والتحقق من الامتثال لإرشادات الوصول في WCAG.
Sample Heading
This is an example paragraph to test readability and visual contrast.
WCAG 2.1 Compliance Status
ما هو مدقق تباين الألوان - أداة الوصولية وفق WCAG؟
متحقق تباين الألوان هو أداة لإمكانية الوصول على الويب. يقوم بتقييم الإشراق النسبي للون المقدمة (النص) مقابل لون الخلفية بشكل رياضي لتحديد ما إذا كان هناك فرق بصري كافٍ لكي يتمكن المستخدمون ضعيفو البصر من قراءة النص بسهولة.
كيفية استخدام مدقق تباين الألوان - أداة الوصولية وفق WCAG
- أدخل رمز HEX للون النص/المقدمة الخاص بك.
- أدخل رمز HEX للون الخلفية الخاص بك.
- تقوم الأداة بحساب نسبة التباين (على سبيل المثال، 4.5:1).
- يعرض درجة نجاح/فشل لمعايير WCAG AA و AAA.
مثال
أنت تختبر نصًا أسودًا نقيًا (#000000) على خلفية بيضاء نقيّة (#FFFFFF). تقوم الأداة بحساب أقصى نسبة تباين ممكنة تصل إلى 21:1 بالضبط، متجاوزة بسهولة جميع متطلبات إمكانية الوصول AAA.
فهم نتائجك
النسبة الأعلى تعني أن النص أسهل في القراءة. تتطلب إرشادات سهولة وصول محتوى الويب (WCAG) نسبة دنيا تبلغ 4.5:1 للنص العادي (المعيار AA) و7:1 للوصول الصارم (المعيار AAA).
حالات الاستخدام الشائعة
- تدقيقات الوصول إلى الويب: ضمان أن الموقع الإلكتروني للشركة لا ينتهك قوانين الامتثال لقانون الأمريكيين ذوي الإعاقة (ADA) فيما يتعلق بالقدرة على القراءة.
- تصميم واجهة المستخدم/تجربة المستخدم: التحقق مما إذا كان نص العنصر النائب بالرمادي الفاتح داخل حقل الإدخال الأبيض صعب القراءة للغاية.
- إرشادات العلامة التجارية: التحقق من أن ألوان العلامة التجارية يمكن وضعها بأمان فوق بعضها في الرسوم التسويقية.
كيف يعمل
يقوم الأداة بتحويل رموز HEX إلى RGB، ويطبق صيغة رياضية محددة لحساب 'السطوع النسبي' لكل من اللونين، ثم يقسم السطوع الأعلى على السطوع الأدنى. والنتيجة هي نسبة تتراوح بين 1:1 (لا يوجد تباين) و21:1 (أقصى تباين).
نصائح وملاحظات حول الدقة
- •النص الكبير (أكثر من 18 نقطة أو 14 نقطة غامقة) أسهل في القراءة، لذلك تتطلب معايير WCAG نسبة أقل بنسبة 3:1 فقط لاجتياز معيار AA.
- •يؤثر عمى الألوان على إدراك اللون، لكن التباين النسبي للسطوع يظل العامل الأهم في قابلية القراءة.
الأسئلة الشائعة
ماذا يحدث إذا فشلت ألواني في الفحص؟
إذا فشلوا، سيكون من الصعب جدًا على الأشخاص ضعيفي البصر أو المصابين بعمى الألوان قراءة نصك. يجب عليك تغميق لون النص أو تفتيح لون الخلفية حتى تصل النسبة إلى 4.5:1 على الأقل.
هل 21:1 هو أفضل مقارنة؟
رياضياً، نعم. ومع ذلك، فإن النص الأسود الصافي على خلفيات بيضاء صافية (21:1) قد يسبب إجهاد العين أو 'التوهج' لبعض المستخدمين الذين يعانون من عسر القراءة. غالبًا ما يُفضّل اللون الرمادي الداكن جدًا (مثل #222222) على الأبيض المائل إلى البياض.
الأدوات ذات الصلة
أداة اختيار اللون
هل تبحث عن الدرجة الدقيقة من اللون الأزرق لخلفية موقعك الإلكتروني؟ أداة اختيار الألوان المجانية عبر الإنترنت لدينا تتيح لك اختيار الألوان بصريًا وتزويدك بالرموز الدقيقة التي يحتاجها المطورون والمصممون.
مولد لوحة الألوان
تبدأ مشروع تصميم جديد لكن عالق في اختيار الألوان؟ يقوم مولد لوحة الألوان المجاني لدينا بإنشاء مخططات ألوان مذهلة ومتوازنة رياضيًا تلقائيًا لتحفيز إبداعك.
محول HEX إلى RGB
هل لديك رمز لون سداسي عشرية ولكنك بحاجة إلى قيم RGB لإضافة قناة الشفافية في CSS؟ محول HEX إلى RGB المجاني لدينا يحول فورًا سلاسل الألوان السداسية إلى أعداد صحيحة قياسية للأحمر والأخضر والأزرق.
منسق JSON مجاني على الإنترنت
العمل مع بيانات JSON غير المنسقة يمكن أن يكون صداعاً للمطورين. أداة تنسيق JSON المجانية الخاصة بنا تجعل من السهل تجميل نصوص JSON والتحقق من صحتها وتحليلها على الفور. سواء كنت تقوم بتصحيح أخطاء استجابة API أو كتابة ملفات التكوين، ستقوم هذه الأداة بتنسيق بياناتك بمسافات بادئة مناسبة وتسليط الضوء على الأخطاء.
شائع
حاسبة العمر
هل تتساءل كم عمرك بالضبط؟ حاسبة العمر المجانية لدينا تمنحك إجابة دقيقة في ثوانٍ — بالسنوات والأشهر والأيام وإجمالي الأيام التي عشتها. لا حاجة للتسجيل، وجميع العمليات تتم محليًا في متصفحك.
آلة حاسبة النسبة المئوية
تواجه صعوبة في رياضيات النسب المئوية؟ يقوم حاسبة النسب المئوية المجانية لدينا بالتعامل مع جميع أسئلة النسبة المئوية القياسية على الفور، من حساب الخصومات إلى معرفة الضرائب.
إخلاء المسؤولية: تقوم هذه الأداة بحساب التباين بناءً على خوارزمية WCAG 2.1 القياسية للسطوع النسبي.