نسبت کنتراست میان متن و پس‌زمینه، ۷:۱ است.
توضیحات
همه کاربران، از اینکه کنتراست مناسبی میان متن و رنگ پس‌زمینه برقرار باشد، منتفع می‌شوند.
برخی از کاربران دارای اختلالات بینایی برای درک محتوای شما در مقایسه با دیگران، به کنتراست قوی‌تری نیاز دارند، بنابراین ضروری است از رنگ‌های مناسب استفاده کنید.
حداقل کنتراست برای سطح ۴.۵:۱AA بود، در حالی که برای سطح ۷:۱AAA است. این استاندارد کنتراست بالاتر به تعداد بیشتری از کاربران امکان می‌دهد تا بتوانند از محتوای شما استفاده کنند.
روش انطباق با شاخص «کنتراست (افزایش یافته)»
اطمینان حاصل کنید که نسبت کنتراست بین متن و پس‌زمینه حداقل ۷:۱ است.
به این منظور، از راهکار‌های زیر بهره بگیرید:
- استفاده از پس‌زمینه روشن و متن تیره. یا
- استفاده از پس‌زمینه تیره و متن روشن. و
- استفاده از ابزار بررسی کنندهٔ کنتراست رنگ ، برای اعتبار‌سنجی کنتراست انتخاب شده.
موارد استثنا
- چنانچه اندازهٔ فونت متن ۱۸ پوینت یا بزرگ‌تر یا ۱۴ پوینت یا بزرگ‌تر (در حالت بولد) باشد، نسبت کنتراست ۴.۵:۱ کفایت می‌کند.
- متن‌هایی که صرفاً کاربرد تزیینی داشته باشند.
- اگر متن، بخشی از یک عکس باشد (مثلاً مردی که در حال خواندن روزنامه است یا منظره‌ای که تصادفاً تابلوی نام خیابان هم در آن مشخص است)
- لوگوی برند‌ها
نکته‌ها
شما ممکن است با پایبندی به شاخص موفقیت ۱.۴.۳ – حداقل کنتراست این دستور‌العمل را رعایت کنید.
در قواعد CSS، فونت ۱۴ پوینت معادل ۱۸.۵پیکسل و ۱۸ پوینت هم برابر با ۲۴ پیکسل است.
به خاطر بسپارید که از مطابقت همهٔ رنگ‌های به‌کار رفته، اطمینان حاصل کنید. این شامل لینک‌هایی که پس از یک‌بار استفاده تغییر رنگ می‌دهند، عناوین منو‌ها و نوار‌های کناری و همچنین محتوای اصلی می‌شود.
مطمئن شوید که میان اجزای چارت‌های جاگذاری شده یا عکس چارت‌ها، (شامل میله‌ها، محور‌ها و برچسب‌ها) حداقلِ کنتراست لحاظ شده است.
این دستور‌العمل، عکسِ نوشته‌ها را هم شامل می‌شود. البته شما نباید از عکسِ نوشته‌ها استفاده کنید. نگاه کنید به شاخص موفقیت ۱.۴.۵ – عکسِ نوشته‌ها
بهتر است لینک‌های زیر را ببینید:
- شرح شاخص موفقیت در کنسرسیوم وب: ↗Identify Purpose 1.3.6 – Level AAA ↗
- شاخص موفقیت ۴.۱.۲ – نام، نقش، ارزش
- شاخص موفقیت ۱.۴.۳ – حداقل کنتراست
- شاخص موفقیت ۱.۴.۵ – عکسِ نوشته‌ها
- شاخص موفقیت ۱.۴.۹ – عکسِ نوشته‌ها (استثنا ممنوع)
پدیدآورندگان:
مترجم: امید هاشمی
ویراستار فنی: آرتا مکبری
ویراستار فنی دوم: حسین شرفی