بررسی کنتراست رنگ

نسبت کنتراست دو رنگ را بر اساس استاندارد WCAG بسنجید و نتیجه‌ی AA/AAA را ببینید.

#1A1A2E
#FFFFFF
17.06 : 1
نسبت کنتراست (WCAG)

متن نمونه بزرگ Aa

این یک متن نمونه با اندازه‌ی معمولی است تا خوانایی رنگ‌های انتخابی را ببینید.

AA — متن معمولی✅ قبول
AA — متن بزرگ✅ قبول
AAA — متن معمولی✅ قبول
AAA — متن بزرگ✅ قبول

ابزار بررسی کنتراست رنگ نسبت روشنایی دو رنگ را طبق استاندارد WCAG می‌سنجد. مطمئن شوید متن شما برای همه خوانا است.

رنگ متن و رنگ پس‌زمینه را انتخاب کنید تا نسبت کنتراست محاسبه شود و نتیجه‌ی مطابقت با سطوح AA و AAA استاندارد WCAG نمایش داده شود.

کنتراست کافی باعث می‌شود متن برای همه‌ی کاربران، از جمله افراد کم‌بینا، خوانا بماند و دسترس‌پذیری سایت بالا برود.

طراحان و توسعه‌دهندگان برای رعایت دسترس‌پذیری از این ابزار استفاده می‌کنند. برای انتخاب رنگ‌های جایگزین از انتخاب‌گر رنگ کمک بگیرید.

سوالات متداول

سطوح AA و AAA یعنی چه؟

این‌ها سطوح استاندارد دسترس‌پذیری WCAG هستند؛ AA حداقل قابل‌قبول و AAA سخت‌گیرانه‌ترین سطح خوانایی است.

حداقل کنتراست لازم برای متن چقدر است؟

برای متن عادی، نسبت کنتراست دست‌کم ۴.۵ به ۱ برای سطح AA توصیه می‌شود.

چرا کنتراست برای سئو هم مهم است؟

دسترس‌پذیری بهتر تجربه‌ی کاربر را بهبود می‌دهد و گوگل به تجربه‌ی کاربر اهمیت می‌دهد.