کنتراست رنگ و دسترسیپذیری وب
قبل از اینکه در مورد اهمیت کنتراست رنگ برای دسترسیپذیری وب صحبت کنیم، مهم است که تعریف کنیم کنتراست رنگ چیست.
کنتراست رنگ، تفاوت در روشنایی بین رنگ پیشزمینه، مانند متن، و رنگ پسزمینه است. اگر مقادیر رنگ پیشزمینه خیلی شبیه به پسزمینه باشد، عناصر میتوانند با پسزمینه ترکیب شوند. به عنوان مثال، خاکستری روشن روی پسزمینه سفید کنتراست کمی دارد، در حالی که متن سیاه روی پسزمینه سفید کنتراست بالایی دارد. متن خاکستری روشن با پسزمینه ترکیب میشود در حالی که متن سیاه برجسته میشود.
چرا کنتراست رنگ برای دسترسیپذیری وب مهم است؟
کنتراست رنگ بالا، مزایایی را برای طیف وسیعی از کاربران مانند کاربران کمبینا، کوررنگ و کسانی که در نور کم یا با تابش خیرهکننده به صفحه نمایش نگاه میکنند، بهبود میبخشد.
کمبینا: این تضمین میکند که متن برای کاربران کمبینا از پسزمینه قابل تشخیص باشد.
پشتیبانی از کوررنگی: کنتراست بالا، تفکیک بین عناصری را فراهم میکند که کاربران با نقص بینایی رنگ ممکن است در غیر این صورت آنها را با هم اشتباه بگیرند.
جلوگیری از خستگی چشم: کنتراست واضح، خستگی را کاهش میدهد و خواندن را برای همه کاربران آسانتر و راحتتر میکند.
شرایط نامساعد را مدیریت میکند: به اطمینان از خوانایی محتوا حتی در نور شدید دستگاه و نور شدید خورشید کمک میکند.
مطابق با استانداردهای قانونی: رعایت نسبتهای کنتراست WCAG (دستورالعملهای دسترسی به محتوای وب) به شما کمک میکند تا اطمینان حاصل کنید که وبسایت شما با الزامات دسترسی مطابقت دارد.
استانداردهای کنتراست WCAG
دستورالعملهای دسترسی به محتوای وب ( WCAG ) استاندارد بینالمللی برای دسترسی به وب هستند. آنها نسبتهای کنتراست خاص و قابل اندازهگیری را ارائه میدهند که وبسایتها باید آنها را رعایت کنند.
نسبتهای کنتراست کلیدی:
سطح AA (حداقل شرایط لازم):
متن معمولی: نسبت کنتراست ۴.۵:۱ .
متن بزرگ (۱۸pt یا ۱۴pt bold): نسبت کنتراست ۳:۱ .
اجزای رابط کاربری و گرافیک: نسبت کنتراست ۳:۱ (مثلاً آیکونها، حاشیههای ورودی، نمودارها).
سطح AAA (الزامات پیشرفته):
متن معمولی: نسبت کنتراست ۷:۱ .
متن بزرگ: نسبت کنتراست ۴.۵:۱ .
نسبت ۴.۵:۱ برای متن معمولی (سطح AA) معیار صنعت و هدفی است که هر وبسایتی باید حداقل برای آن تلاش کند.
چگونه کنتراست را آزمایش کنیم
منابع رایگان زیادی برای آزمایش تضاد رنگ وجود دارد. یکی از این منابع رایگان، بررسیکننده تضاد رنگ WebAIM است. طراحان و توسعهدهندگان میتوانند رنگ پیشزمینه و پسزمینه را وارد کنند تا بررسی کنند که آیا تضاد با WCAG AA یا AAA سازگار است یا خیر.
نمونهای از تضاد رنگی نامناسب
تصویر زیر رنگ پیشزمینه E2E2E9 که خاکستری روشن است و رنگ پسزمینه FFFFFF که سفید است را نشان میدهد. رنگ پیشزمینه و پسزمینه دارای نسبت کنتراست ۱.۲۸:۱ هستند که با استانداردهای WCAG AA یا AAA مطابقت ندارد.
نمونه ای از تضاد رنگی خوب
تصویر زیر رنگ پیشزمینه ۰۰۰۰۰۰، یعنی مشکی، و رنگ پسزمینه FFFFFF، یعنی سفید، را نشان میدهد. رنگ پیشزمینه و پسزمینه دارای نسبت کنتراست ۲۱:۱ هستند که با استانداردهای WCAG AA یا AAA مطابقت دارد.
نتیجهگیری
در نتیجه، اولویتبندی کنتراست رنگ، طیف وسیعی از کاربران مانند کاربران کمبینا، کوررنگ و کسانی که در نور کم یا با تابش خیرهکننده به صفحه نمایش نگاه میکنند را توانمند میسازد. اولویتبندی کنتراست رنگ فقط مربوط به رعایت دستورالعملهای دسترسیپذیری نیست؛ بلکه یک محیط دیجیتال فراگیر را پرورش میدهد.
برچسبها
|
ارسال نظر