بررسی‌کننده کنتراست

رنگ متن و پس‌زمینه را وارد کنید تا نسبت کنتراست WCAG و وضعیت قبولی در سطوح AA و AAA را مشاهده کنید.

نسبت کنتراست
متن معمولیAA4.5:1
متن معمولیAAA7:1
متن بزرگAA3:1
متن بزرگAAA4.5:1
رابط کاربری و گرافیک3:1
رنگ متن و پس‌زمینه را برای بررسی وارد کنید.

تمام بررسی‌ها در مرورگر شما انجام می‌شوند. هیچ‌یک از اطلاعات وارد شده در BroBroGo آپلود نخواهد شد.

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

نتایج AA و AAA به چه معنا هستند؟

سطح AA هدفی است که اکثر سایت‌ها برای آن تلاش می‌کنند: این سطح به حداقل نسبت ۴.۵:۱ برای متن معمولی و ۳:۱ برای متن بزرگ نیاز دارد. سطح AAA سخت‌گیرانه‌تر است — نسبت ۷:۱ برای متن معمولی و ۴.۵:۱ برای متن بزرگ. این نسبت از ۱:۱ (بدون کنتراست) تا ۲۱:۱ (سیاه روی سفید) متغیر است.

چه چیزی به عنوان متن بزرگ محسوب می‌شود؟

متن‌های با اندازه ۱۸ پوینت (حدود ۲۴ پیکسل) به بالا، یا ۱۴ پوینت (حدود ۱۸.۵ پیکسل) در صورتی که ضخیم (bold) باشند. متن‌های بزرگتر در کنتراست‌های پایین‌تر نیز خوانا می‌مانند، بنابراین به جای آستانه‌های سخت‌گیرانه متن معمولی، در نسبت ۳:۱ استاندارد AA و در نسبت ۴.۵:1 استاندارد AAA را پاس می‌کنند.

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

می‌توانید یک مقدار هگز مانند #1a1a1a، یک مقدار rgb() مانند rgb(26, 26, 26) یا یک مقدار hsl() وارد کنید — یا روی پالت کلیک کنید تا رنگ مورد نظر را انتخاب نمایید. دکمه جابه‌جایی (swap) به شما امکان می‌دهد رنگ متن و پس‌زمینه را با هم عوض کنید.

آیا این ابزار از WCAG 2 استفاده می‌کند یا متد جدیدتر APCA؟

این ابزار از فرمول WCAG 2.1 / 2.2 استفاده می‌کند که در حال حاضر مبنای قوانین و ارزیابی‌های دسترسی‌پذیری وب است. روش APCA متد جدیدتری مبتنی بر درک بصری است که برای WCAG 3 در حال تدوین است — این روش آینده‌دار است اما هنوز به عنوان استاندارد رسمی انطباق پذیرفته نشده است، به همین دلیل نتایج قبولی در اینجا بر اساس آن محاسبه نمی‌شوند.