بررسی کنتراست رنگ رایگان WCAG: متن و رنگ‌های پس‌زمینه را برای مطابقت با AA و AAA در مرورگر خود آزمایش کنید. مقادیر هگز یا rgb را وارد کنید، نسبت کنتراست را ببینید و فوراً پاس/ناقص کنید. بدون ورود، بدون آپلود.
نسبت کنتراست WCAG 2.x بین رنگ پیش زمینه (متن) و رنگ پس زمینه را با استفاده از درخشندگی نسبی sRGB محاسبه می کند. شما یک نسبت عددی (مثلاً 4.52:1) به اضافه گذر/شکست برای آستانه های WCAG AA و AAA در متن معمولی و متن بزرگ دریافت می کنید. این یک کمک کننده QA طراحی است - نه یک ممیزی خودکار دسترسی کامل از کل سایت شما.
هگز (#RGB، #RRGGBB، #RRGGBBAA)، rgb() و rgba(). مقادیر پالت برند را از توکن‌های Figma، متغیرهای CSS یا اسناد طراحی بچسبانید. هگز کوتاه مانند #fff قبل از محاسبه روشنایی به #ffffff منبسط می شود.
AA خط پایه قانونی و محصول رایج است: 4.5:1 برای متن معمولی، 3:1 برای متن بزرگ. AAA سخت تر است: 7:1 نرمال، 4.5:1 بزرگ. بسیاری از سایت های بازاریابی AA را برای کپی بدنه و AAA را فقط برای سرفصل های قهرمان یا رابط کاربری پرخطر هدف قرار می دهند. این ابزار هر دو را نشان می دهد تا بتوانید یک هدف قابل دفاع با طراحی انتخاب کنید.
متن بزرگ دارای وزن معمولی حداقل 18 نقطه (24 پیکسل CSS)، یا حداقل 14 نقطه پررنگ (حدود 18.66 پیکسل CSS) است. دکمه‌ها، زیرنویس‌ها و چاپ ریز اغلب حتی زمانی که سرفصل‌ها عبور می‌کنند، AA را از کار می‌اندازند—هر اندازه‌ای را که ارسال می‌کنید، نه فقط نمونه H1 را بررسی کنید.
نه. ریاضیات تجزیه و روشنایی به طور کامل در مرورگر شما اجرا می شود. آزمایش‌های پالت منتشر نشده و رنگ‌های NDA مشتری روی دستگاه شما باقی می‌مانند. پس از اتمام، فیلدها را در ماشین های مشترک پاک کنید.
مقادیر rgba و #RRGGBBAA تجزیه میشوند، اما کنتراست در کانالهای sRGB غیرشفاف ارزیابی میشود - جستجوگر متن را روی پسزمینههای عکاسی آلفا ترکیب نمیکند. برای متن روی تصاویر، ابتدا از رنگ موثر پشت کپی نمونه برداری کنید یا از یک پوشش جامد استفاده کنید، سپس دوباره بررسی کنید.
بله. رایگان بدون ورود به سیستم نسبت هسته و مسیر عبور / شکست.