بررسی کنتراست رنگ
خوانایی متن روی پس‌زمینه را برای استانداردهای دسترسی‌پذیری وب (WCAG) بررسی کنید.
- AA (حداقل): نسبت کنتراست باید حداقل 4.5:1 برای متن‌های عادی و 3:1 برای متن‌های بزرگ باشد.
- AAA (ایده‌آل): نسبت کنتراست باید حداقل 7:1 برای متن‌های عادی و 4.5:1 برای متن‌های بزرگ باشد.
- رعایت این استانداردها باعث می‌شود وب‌سایت شما برای افراد کم‌بینا قابل استفاده باشد.
امتیاز کاربران
اولین نفری باشید که نظر می‌دهد!
درباره کنتراست رنگ
تست کنتراست رنگ متن و پس‌زمینه بر اساس استاندارد جهانی دسترسی‌پذیری WCAG: رنگ متن و رنگ پس‌زمینه را انتخاب کنید تا نسبت کنتراست به‌صورت دقیق محاسبه و سطح آن (AAA، AA یا ضعیف) مشخص شود.
خوانایی متن مهم‌ترین عامل تجربه کاربری و حتی سئو است؛ کنتراست کم باعث خستگی چشم و ترک سایت می‌شود و برای کاربران کم‌بینا متن را غیرقابل خواندن می‌کند. با این ابزار پیش از انتشار طرح، کنتراست رنگ متن را بسنجید.
پرسش‌های پرتکرار درباره کنتراست رنگ
نسبت کنتراست مناسب چقدر است؟
طبق استاندارد WCAG، حداقل ۴٫۵ به ۱ برای متن معمولی (سطح AA) و ۷ به ۱ برای سطح AAA. متن‌های درشت با نسبت ۳ به ۱ هم قابل قبول‌اند.
WCAG چیست؟
WCAG مجموعه دستورالعمل‌های جهانی دسترسی‌پذیری محتوای وب است که معیارهای خوانایی، از جمله حداقل کنتراست رنگ متن و پس‌زمینه را تعیین می‌کند.
کنتراست رنگ چگونه محاسبه می‌شود؟
بر اساس روشنایی نسبی (Luminance) دو رنگ طبق فرمول رسمی WCAG. نتیجه عددی بین ۱ (بدون کنتراست) تا ۲۱ (سیاه روی سفید) است.
چرا کنتراست رنگ برای سایت مهم است؟
کنتراست کافی متن را برای همه، از جمله کاربران کم‌بینا و در نور آفتاب، خوانا می‌کند؛ دسترسی‌پذیری بهتر یعنی تجربه کاربری و اعتبار بیشتر برای سایت.