مدقق تباين الألوان
تحقق مما إذا كانت ألوان النص والخلفية تستوفي متطلبات تباين WCAG، وإن لم تكن كذلك فاحصل على أقرب لون مطابق.
نموذج نص كبير
نموذج نص عادي، مثل معظم نصوص صفحتك.
نسبة التباين
4.83:1
- WCAG AA، نص عادي (4.5:1) ناجح
- WCAG AA، نص كبير (3:1) ناجح
- WCAG AA، عناصر الواجهة والأيقونات (3:1) ناجح
- WCAG AAA، نص عادي (7:1) غير ناجح
- WCAG AAA، نص كبير (4.5:1) ناجح
ما الذي يعرضه مدقق التباين
كل ما تحتاجه لاختيار ألوان مقروءة.
نسبة التباين
نسبة WCAG الدقيقة بين لونيك.
نتائج AA وAAA
النص العادي والنص الكبير وعناصر الواجهة مقابل حدود WCAG.
معاينة مباشرة
شاهد ألوانك على نص تجريبي أثناء الضبط.
اقتراح مطابق
أقرب درجة للون النص تحقق مستوى AA.
كيف يعمل
اختر لونين
استخدم منتقي الألوان أو أدخل قيم hex أو RGB.
اقرأ النتيجة
تتحدث النسبة ونتيجة النجاح أو الفشل لكل مستوى من WCAG فورًا.
طبّق الحل
استخدم اللون المقترح إذا فشل زوج الألوان.
التباين واحد من متطلبات WCAG الكثيرة. أجرِ تدقيقًا كاملًا لإمكانية الوصول لفحص الصفحة بأكملها.
أسئلة شائعة
يتطلب WCAG AA نسبة 4.5:1 للنص العادي و3:1 للنص الكبير وعناصر الواجهة. ويتطلب AAA نسبة 7:1 و4.5:1.
24 بكسل على الأقل بوزن عادي، أو نحو 18.7 بكسل بخط عريض (18pt أو 14pt عريض).
لا، إنه يفحص زوجًا واحدًا من الألوان. أما تدقيق إمكانية الوصول فيفحص التباين في صفحة مباشرة.
افحص إمكانية الوصول في صفحتك كلها
نتائج مرتبطة بمعايير WCAG، بما فيها التباين، من تدقيق مجاني لموقعك المباشر.
تشغيل الفحص المجاني