فاحص تباين WCAG AA وAAA

تحقق من تباين الألوان وفق WCAG 2.2 AA وAAA، وعاين أحجام النص وابحث عن بدائل لونية يسهل قراءتها.

مرّر المؤشر فوق حقل أو حدّده لعرض المساعدة. اضغط Escape للإغلاق.

لون النصالخلفيةلوحة غير شفافة

استخدم HEX أو RGB أو RGBA أو HSL. تُركّب الألوان الشفافة فوق اللوحة غير الشفافة.

5.84:1

تستخدم الحدود النسبة بدقتها الكاملة لا القيمة المعروضة بعد التقريب.

WCAG 2.2
المستوى	استخدام	SC	الحد الأدنى	النتيجة
AA	نص عادي	1.4.3	4.5:1	مطابق
AA	نص كبير	1.4.3	3:1	مطابق
AAA	نص عادي	1.4.6	7:1	غير مطابق
AAA	نص كبير	1.4.6	4.5:1	مطابق
AA	مكونات الواجهة والرسومات	1.4.11	3:1	مطابق

نص المعاينةحجم الخط (CSS px)عريض

Aa — fiokit.

نص عادي: AA ✓ · AAA ✗

النص الكبير: 24 CSS px على الأقل، أو 18.67 CSS px بخط عريض (14 pt).

الهدف للون النص المقترحالتقرير

WCAG 2.2
#155bdf / #ffffff (#ffffff)
5.8433:1
AA نص عادي (SC 1.4.3): PASS — 4.5:1
AA نص كبير (SC 1.4.3): PASS — 3:1
AAA نص عادي (SC 1.4.6): FAIL — 7:1
AAA نص كبير (SC 1.4.6): PASS — 4.5:1
AA مكونات الواجهة والرسومات (SC 1.4.11): PASS — 3:1

يفحص أزواج الألوان لا الامتثال الكامل لـ WCAG. قيّم الألوان المجاورة وحالات التفاعل والمحتوى الفعلي بصورة منفصلة.

W3C — SC 1.4.3 · SC 1.4.6 · SC 1.4.11

طريقة الاستخدام

اضبط لون النص والخلفية واللوحة غير الشفافة. تتحدث نتائج AA وAAA فورًا. جرّب حجم الخط ووزنه، وطبّق لونًا مقترحًا أو نزّل التقرير.

مثال عملي

الألوان

#155bdf

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

هل يُرسل النص إلى خادم؟

لا. تتم معالجة المحتوى في هذا المتصفح دون إرساله إلى الخادم أو حفظه.

ما الذي ينبغي معرفته عن فاحص تباين WCAG AA وAAA؟

يعرض حدود النص وغير النص منفصلة. لا تصادق هذه المقارنة اللونية على الامتثال الكامل لـ WCAG.