🌓بررسی کننده کنتراست رنگ

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

نسبت کنتراست شاخصی است که تفاوت روشنایی بین رنگ متن و رنگ پس زمینه را از 1:1 تا 21:1 نشان می دهد. ترکیب سیاه و سفید بیشترین نسبت 21:1 و رنگ های یکسان کمترین نسبت 1:1 را دارند.

• نحوه محاسبه：نسبت کنتراست با تبدیل دو رنگ به درخشندگی نسبی sRGB محاسبه می شود و سپس درخشندگی روشن تر به اضافه ۰٫۰۵ را بر درخشندگی تیره تر به اضافه ۰٫۰۵ تقسیم می کنند.
• راهنمای مقدار عددی：نسبت کنتراست رنگ خاکستری #777777 نسبت به پس زمینه سفید (#FFFFFF) برابر 4.47:1، #999999 برابر 2.84:1 و سیاه (#000000) برابر 21:1 است.

تفاوت بین AA و AAA در WCAG

WCAG دستورالعملی بین المللی درباره دسترسی پذیری محتوای وب است که معیار قبولی نسبت کنتراست را در دو سطح AA و AAA تعریف می کند.

• AA (سطح استاندارد)：AA برای متن عادی نسبت 4.5:1 یا بیشتر و برای متن بزرگ نسبت 3.0:1 یا بیشتر را مطالبه می کند و سطح هدف عام سایت های وب است.
• AAA (سطح سختگیرانه تر)：AAA برای متن عادی نسبت 7:1 یا بیشتر و برای متن بزرگ نسبت 4.5:1 یا بیشتر را مطالبه می کند و برای افرادی با بینایی کم طراحی شده است.

تعریف متن بزرگ

متن بزرگ در WCAG به معنی تقریباً 18 پوینت (24px) یا بیشتر یا متنی است که توپر باشد و 14 پوینت (حدود 18.7px) یا بیشتر باشد.

• متن عادی：متن عادی اندازه ای است که در دسته متن بزرگ نمی گنجد و متن متون و یادداشت ها را شامل می شود که به نسبت کنتراست 4.5:1 یا بیشتر نیاز دارد.
• ارتباط با عنوان：عنوان هایی که کمتر از 24px هستند و توپر نیستند به عنوان متن عادی در نظر گرفته می شوند، بنابراین باید هم اندازه و هم وزن را بررسی کنید.