کنتراست جستجوگر

WCAG جستجوگر کنتراست رنگ برای محاسبه نسبت کنتراست متن.

نسبت کنتراست 21:1

متن عادی

WCAG AA: Pass

WCAG AAA: Pass

مثال متن عادی - 16px

متن بزرگ

WCAG AA: Pass

WCAG AAA: Pass

به عنوان مثال متن بزرگ 18pt/24px

آبجکت های گرافیکی و کامپوننت های واسط کاربر

WCAG AA: Pass

نسبت کنتراست را برای اندازه متن معمولی محاسبه کنید.
محاسبه نسبت کنتراست برای اندازه متن بزرگ.
نسبت کنتراست را برای اجزای رابط کاربر محاسبه کنید.
انتخاب رنگ از جمع کننده رنگ
روشنایی رنگ را تنظیم کنید

چگونگی استفاده از Contrast Checker

رنگ پس زمینه را انتخاب کنید
رنگ پیش زمینه را انتخاب کنید
در صورت نیاز، سبکی را تنظیم کنید
ممیزی را برای متن عادی و بزرگ بررسی کنید

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

چکر کنتراست چگونه کار می کند؟

شما باید رنگ متن و پس زمینه را ارزیابی کنید. با توجه به دستورالعمل WCAG 2.1، این موارد عبارتند از: متن بزرگ - متن با حداقل اندازه 18px نیاز به نسبت کنتراست 3:1 دارد؛ متن کوچک - متن با اندازه کمتر از 18px نیاز به نسبت کنتراست 4.5:1.

چرا وب سایت من باید کنتراست رنگ کافی داشته باشد؟

خواندن متن در پس زمینه با نسبت کنتراست کم اغلب دشوار است. این نه تنها بر افراد دارای اختلالات بینایی تأثیر منفی می گذارد، بلکه در واقع همه کاربران را ناراحت می کند. یک مثال خواندن متن بر روی تلفن همراه در خارج در یک روز آفتابی است.

دسترسی به وب سایت به چه معناست؟

وب سایت قابل دسترسی وب سایتی است که به گونه ای طراحی شده است که افراد دارای ضعف بینایی یا شنوایی بتوانند بدون محدودیت از آن استفاده کنند. به عنوان مثال، این تضمین می کند که تمام عناصر سایت دارای کنتراست رنگ کافی هستند، به عنوان مثال رنگ متن کاملا متفاوت از رنگ پس زمینه است.

آیا تصاویر و فیلم ها باید با الزامات کنتراست رنگ WCAG مطابقت داشته باشند؟

گرافیک خاص و اجزای رابط نیاز به یک نسبت کنتراست حداقل 3:1. با این حال، این شامل آرم، تصاویر تزئینی یا پرونده های رسانه ای عمومی نمی شود.

محصولات

وب سایت

درباره

Language

User Name

کنتراست جستجوگر

WCAG جستجوگر کنتراست رنگ برای محاسبه نسبت کنتراست متن.

متن عادی

متن بزرگ

آبجکت های گرافیکی و کامپوننت های واسط کاربر

چگونگی استفاده از Contrast Checker

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

چکر کنتراست چگونه کار می کند؟

چرا وب سایت من باید کنتراست رنگ کافی داشته باشد؟

دسترسی به وب سایت به چه معناست؟

آیا تصاویر و فیلم ها باید با الزامات کنتراست رنگ WCAG مطابقت داشته باشند؟