بررسیکننده تضاد رنگ
نسبت تضاد WCAG بین رنگ متن و پسزمینه را بررسی کنید — نمرات قبول/رد AA/AAA برای متن عادی، متن بزرگ و اجزای رابط کاربری را با پیشنمایش زنده و پیشنهادات رنگهای قابل دسترس ببینید.
روباه قهوهای سریع
متن بزرگ وقتی تضاد کافی دارد، راحت خوانده میشود.
این یک نمونه پاراگراف متن بدنه عادی است. تضاد رنگ خوب محتوای شما را برای همه قابل خواندن نگه میدارد، از جمله افراد با دید ضعیف یا کوررنگی. یک پیوند نمونه.
چاپ کوچک و کپشنها سختترین برای خواندن هستند — بیشترین تضاد را نیاز دارند.همه چیز با فرمول درخشندگی نسبی WCAG 2.x به صورت زنده در مرورگر شما محاسبه میشود — بدون آپلود، بدون ثبتنام، کاملاً رایگان.
درباره بررسیکننده تضاد رنگ
بررسیکننده کنتراست رنگ، نسبت کنتراست WCAG بین یک رنگ متن و یک رنگ پسزمینه را اندازه میگیرد و سپس این جفت را در برابر سطوح دسترسیپذیری AA و AAA برای متن معمولی، متن بزرگ و اجزای رابط کاربری نمرهگذاری میکند. نسبت و هر حکم قبول/رد با تنظیم هر یک از رنگها بهصورت زنده بهروز میشود.
یک پنل پیشنمایش واقعگرایانه، عنوانها، متن بدنه، حروف کوچک، یک دکمه و یک لینک را در ترکیب انتخابی شما رندر میکند تا بتوانید خوانایی را با محتوای واقعی بهجای نمونهرنگهای انتزاعی بسنجید. وقتی یک جفت رد میشود، ابزار نزدیکترین رنگ متن قابلدسترسی را که به آستانه AA یعنی ۴٫۵:۱ میرسد پیشنهاد میدهد، آماده اعمال با یک کلیک.
محاسبات از فرمول درخشندگی نسبی WCAG 2.x پیروی میکند و کاملاً در مرورگر شما اجرا میشود؛ چیزی آپلود نمیشود و بررسیها رایگان است. همچنین میتوانید یک گزارش متنی فشرده از نسبت و نمرات را کپی کنید تا در یک بازبینی دسترسیپذیری یا یک pull request جایگذاری کنید.
نحوه استفاده از بررسیکننده تضاد رنگ
- رنگ متن و رنگ پسزمینه خود را با انتخابگرها یا با تایپ مقادیر تنظیم کنید.
- نسبت کنتراست و نتایج AA/AAA را برای متن معمولی، متن بزرگ و اجزای رابط کاربری بخوانید.
- پیشنمایش زنده را بررسی کنید تا عنوانها، پاراگرافها، دکمهها و لینکهای واقعی را در رنگهای خود ببینید.
- اگر جفت رد شد، رنگ متن قابلدسترسی پیشنهادی را اعمال کنید یا دو رنگ را جابهجا کنید.
- روی «کپی گزارش» کلیک کنید تا نسبت و نتایج انطباق را به اشتراک بگذارید.