تحقق من نسب تباين الألوان لامتثال إمكانية الوصول إلى الويب. اختبر مجموعات ألوان النص والخلفية مقابل إرشادات WCAG مع معاينة فورية، وتقييمات إمكانية الوصول، واقتراحات التحسين.
اختر لون النص
انقر على محدد الألوان الأول لاختيار لون النص الخاص بك، أو أدخل رمز Hex مباشرة.
اختر لون الخلفية
استخدم محدد الألوان الثاني لاختيار لون الخلفية لاختبار التباين.
مراجعة نتائج التباين
تحقق من نسبة التباين المحسوبة وشاهد تقييمات AA/AAA للنص العادي والكبير.
معاينة تصميمك
شاهد المعاينة المباشرة لترى كيف تبدو مجموعة ألوانك مع محتوى نصي فعلي.
اختبار التباين في الوقت الفعلي
احسب نسب التباين فورًا عند اختيار مجموعات مختلفة من ألوان النص والخلفية.
تقييمات امتثال WCAG
احصل على تقييمات AA و AAA لكل من النص العادي والكبير وفقًا لإرشادات إمكانية الوصول لمحتوى الويب.
لوحة المعاينة المباشرة
شاهد بالضبط كيف ستبدو مجموعات ألوانك مع نص نموذجي بأحجام عادية وكبيرة.
مؤشر النتيجة المرئية
شاهد أداء التباين الخاص بك باستخدام مخطط دائري بديهي يوضح الدرجات من 0 إلى 100.
محددات الألوان التفاعلية
اختر الألوان بسهولة باستخدام أدوات تحديد الألوان المدمجة لكل من ألوان النص والخلفية.
نصائح إمكانية الوصول
احصل على اقتراحات عملية لتحسين التباين وتلبية معايير إمكانية الوصول.
مدقق تباين الألوان هو أداة تقيس الفرق في الإضاءة بين ألوان النص والخلفية. يحسب نسب التباين وفقًا لمعايير WCAG (إرشادات إمكانية الوصول لمحتوى الويب) لضمان سهولة قراءة المحتوى للمستخدمين الذين يعانون من ضعف البصر، بما في ذلك عمى الألوان وضعف الرؤية.
امتثال WCAG
تأكد من أن تصميماتك تلبي معايير إمكانية الوصول العالمية بتقييمات AA و AAA دقيقة.
تغذية راجعة فورية
شاهد النتائج الفورية أثناء تعديل الألوان، مما يسهل العثور على مجموعات متوافقة.
نظام تسجيل مرئي
افهم أداء التباين بنظرة واحدة باستخدام نظام التسجيل البديهي من 0 إلى 100.
لا يتطلب تثبيت
اختبر مجموعات الألوان على الفور في متصفحك دون الحاجة إلى تنزيل أي برنامج.
بالنسبة للنص العادي، استهدف نسبة 4.5:1 على الأقل لامتثال AA أو 7:1 لـ AAA. يحتاج النص الكبير (18 نقطة أو 14 نقطة غامق) إلى 3:1 لامتثال AA أو 4.5:1 لـ AAA.
AA هو المستوى القياسي لامتثال إمكانية الوصول المطلوب من قبل معظم اللوائح. AAA هو أعلى مستوى، ويوفر إمكانية وصول محسّنة للمستخدمين الذين يعانون من إعاقات بصرية أكثر خطورة.
يتم حساب نسبة التباين باستخدام الإضاءة النسبية للألوان كما هو محدد في إرشادات WCAG. وتتراوح من 1:1 (لا يوجد تباين) إلى 21:1 (أقصى تباين).
يُعرّف النص الكبير بأنه بحجم 18 نقطة (24 بكسل) أو أكبر، أو 14 نقطة (18.66 بكسل) أو أكبر إذا كان غامقًا. للنص الكبير متطلبات تباين أكثر تساهلاً.
يضمن تباين الألوان الجيد سهولة قراءة المحتوى للجميع، بما في ذلك المستخدمين الذين يعانون من ضعف البصر، أو عمى الألوان، أو أولئك الذين يشاهدون المحتوى في ضوء الشمس الساطع أو على شاشات عرض رديئة.
تقبل الأداة رموز ألوان Hex. يمكنك التحويل من تنسيقات أخرى (RGB، HSL، إلخ) إلى Hex باستخدام المحولات عبر الإنترنت أو أدوات التصميم.