مبدل رایگان

کنتراست رنگ جستجوگر (WCAG)

نسبت کنتراست بین دو رنگ را برای مطابقت با WCAG AA و AAA بررسی کنید. رایگان، فوری، و به طور کامل در مرورگر شما اجرا می شود.

نمونه متن - اندازه معمولی

نمونه متن کوچک - 14 پیکسل

نسبت کنتراست:21.00:1
WCAG AAمتن عادیپاس
WCAG AAمتن بزرگپاس
WCAG AAAمتن عادیپاس
WCAG AAAمتن بزرگپاس

درباره این ابزار

نسبت کنتراست رنگ بین متن پیش‌زمینه و رنگ‌های پس‌زمینه را طبق دستورالعمل‌های دسترسی WCAG 2.1 بررسی کنید. رنگ‌ها را به‌عنوان کدهای هگز، مقادیر RGB یا مقادیر HSL وارد کنید و فوراً نسبت کنتراست را همراه با نتایج عبور/عدم برای مطابقت با WCAG AA و AAA در اندازه‌های متن معمولی و بزرگ مشاهده کنید.

نحوه استفاده

  1. با استفاده از انتخابگر رنگ یا ورودی هگز، رنگ پیش زمینه (متن) خود را وارد یا انتخاب کنید.
  2. رنگ پس زمینه خود را وارد یا انتخاب کنید.
  3. نسبت کنتراست و نتایج WCAG 2.1 AA/AAA pass/fail را فوراً مشاهده کنید.
  4. رنگ ها را تا رسیدن به سطح انطباق دلخواه تنظیم کنید.

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

چه نسبت کنتراست برای انطباق WCAG مورد نیاز است؟
WCAG AA به 4.5:1 برای متن معمولی و 3:1 برای متن بزرگ (18pt+ یا 14pt+ پررنگ) نیاز دارد. WCAG AAA برای متن معمولی 7:1 و برای متن بزرگ 4.5:1 نیاز دارد. حداکثر نسبت ممکن 21:1 (سیاه روی سفید) است.
چرا کنتراست رنگ مهم است؟
کنتراست کافی تضمین می کند که متن برای کاربرانی با دید کم، کوررنگی یا کسانی که صفحه نمایش را در نور شدید آفتاب می بینند، قابل خواندن است. همچنین طبق مقررات دسترسی ADA و اتحادیه اروپا برای بسیاری از وب سایت ها یک الزام قانونی است.
چه چیزی "متن بزرگ" در WCAG در نظر گرفته می شود؟
متن بزرگ به صورت 18pt (24px) و بالاتر برای وزن معمولی یا 14pt (18.66px) و بالاتر برای متن پررنگ تعریف می‌شود. متن بزرگ کنتراست کمتری دارد زیرا ذاتاً خواندن آن آسان‌تر است.
آیا این ابزار کنتراست را برای عناصر غیر متنی بررسی می کند؟
WCAG 2.1 به نسبت کنتراست 3:1 برای اجزای رابط کاربری و اشیاء گرافیکی (دکمه ها، نمادها، فیلدهای فرم) نیاز دارد. می‌توانید از این ابزار برای تأیید آن‌ها نیز استفاده کنید - فقط رنگ‌های مولفه و پس‌زمینه را وارد کنید.