رنگها نقش مهمی در زندگی ما دارند و ما با رنگها تفاوت بین اشیا را بهتر درک می کنیم مانند چراغهای راهنمایی که هر کدام برای ما یک مفهوم را می رسانند. رنگها بر خلق و خوی ما و احساسات ما بسیار تاثیر گذار است برای مثال در یک سازمان حمل و نقل کارگران از جعبه های سیاه و سفید به دلیل سنگین بودن بسیار شکایت می کردند ولی وقتی رنگ آنها سبز شد شکایات بسیار کمتر شد.
به طور مشابه، در رابطه با طراحی سایت هم رنگها بسیار می توانند در قابلیت و شناخت کاربران تاثیر گذار باشد. شما هنگام انتخاب عناصر یک وب سایت به رنگهایی که برای این عناصر استفاده می کنید بسیار باید توجه کنید.
همیشه رنگ عناصر و رنگ پیش زمینه باید از هم متفاوت باشد تا تشخیص عناصر از هم راحت تر در چشم دیده شود. انتخاب رنگ پیش زمینه و پس زمینه بسیار مهم است و ما باید در انتخاب آنها دقت کنیم.
در تصویر بالا رنگهای استفاده شده در پس زمینه و پیش زمینه متفاوت است ولی نگاه کردن به آنها ناراحت کننده است. اگر فرض کنیم یکی متن و دیگری پس زمینه آن باشد خواندن متن مورد نظر ناراحت کننده است.
راه حل مناسب انتخاب یک ترکیب رنگ با contrast مناسب می باشد. در مقاله WCAG 2.0 بیان شده است که contrast متن نسبت به پس زمینه حداقل باید 4.5 باشد. برای مثال contrast 1.26 به 1 خواندن متن را بسیار سخت می کند ولی contrast 7.58 به 1 به خوانایی متن بسیار کمک می کند. برای چک کردن contrast ابزار قدرتمندی وجود دارد که لینک آن را در زیر می توانید مشاهده کنید:
انتخاب رنگ contrast مناسب برای منحرف کردن کاربر به یک نقطه خاص مانند تماس با ما هم امر بسیار مهم است.
در یک آزمایش، دو نوع A /B در یک صفحه وب بوجود آوردند. برای ارتباط با نیروی دریایی یک کلید با پس زمینه های آبی و سایه های مختلف از آبی و دیگری با کلید نارنجی که نمایان گر فرهنگ و هنر نیروی دریایی بود، ایجاد گردید. مشخص شد که رنگ نارنجی خیلی بیشتر از رنگ آبی کلیک شد. چون contrast پس زمینه آبی 1.39 به 1 است ولی رنگ نارنجی 4.73 به 1 است که تضاد بیشتری دارد. ما همیشه برای انتخاب رنگ متن و پس زمینه آن باید دنبال رنگهایی باشیم که تضاد contrast زیادی داشته باشند برای این منظور از ابزار زیر می توانیم استفاده کنیم:
به این نکته هم باید توجه داشت که بسیار از افراد در تشخیص بعضی از رنگها کور رنگی دارند. مثلا بین رنگ قرمز و سبز و یا بین آبی و زرد از هر 12 مرد یک نفر و از هر 200 زن یک نفر در تشخیص آن مشکل دارند. علل مختلفی برای کور رنگی وجود دارد مثل مسائل ژنیتیکی، بیماریهایی مانند دیابت، MS، پیری می تواند باعث کور رنگی شود. بیشتر افراد در تشخیص بعضی رنگها کور رنگی دارند و افراد کمی هستند که همه طیف رنگهارا از هم تشخیص می دهند. پس انتخاب رنگهایی که همه افراد قادر به تشخیص آن باشند بسیار مهم است.
