آیا می دانید که بیش از 4 درصد جمعیت جهان کور رنگی دارند؟ بنابراین بهتر است از این که طراحی شما برای همه کاربران قابل دسترسی است اطمینان حاصل کنید. و بررسی این موضوع با مجموعه ابزارهای مناسبی که وجود دارد، ساده تر از آن چیزی است که فکر کنید.

دسترسی پذیری در طراحی وب سایت و اپلیکیشن چیست؟

هنگامی که به طراحی وب سایت می پردازیم، استانداردهای دسترسی فراوانی وجود دارد و هدف کلی این است که طراحی وب سایت را به گونه ای انجام دهیم تا هر کاربری بتواند با آن راحت باشد.
انواع مختلفی از اختلالات بینایی، از جمله کور رنگی، مهمترین نکته در مورد یک محیط بصری مانند وب سایت می باشد. با توجه به آماری که در این رابطه منتشر شده است، از هر 12 مرد 1 مرد و از هر 200 زن یک زن در سراسر جهان، از انواع  بیماری های کمبود بینایی رنج می برند. 

دستورالعمل های دسترسی و استانداردها
هنگامی که به موضوع رنگ و قابلیت دسترسی در طراحی سایت و اپلیکیشن برخورد می کنیم، نگرانی های اصلی، کنتراست تصویر است که این موضوع شامل کنتراست رنگ در پیش زمینه و پس زمینه، کنتراست رنگ برای متن (از جمله وزن و اندازه) و کنتراست رنگ برای همه عناصر رابط کاربری سایت و اپلیکیشن است. 
راهنمایی های دسترسی به تماس با وب (WCAG)، سندی است که همه موارد لازم را برای ایجاد وب سایت بهینه در اختیار شما قرار می دهد. برای اطلاع بیشتر در مورد این راهکارها، اینجا کلیک کنید.

بهترین تجربه ها و استانداردهای دسترسی به رنگ: 
-    ارائه کنتراست کافی بین پس زمینه و پیش زمینه؛ این کنتراست به همه عناصر سایت و اپلیکیشن که مرتبط با هم هستند اعمال می شود
-    برای انتقال اطلاعات از رنگ و هر چیزی که وابسته به رنگ است، استفاده کنید
-    اطمینان حاصل کنید که عناصر تعاملی و لینک ها به راحتی در دسترس هستند و تنها اعمال تغییر رنگ در حالت های مختلف لینک ها کافی نیست
-    اطمینان حاصل کنید که عنوان فیلدهایی که در فرم های سایت و اپلیکیشن خود قرار می دهید، خطاهایی که در فرم شما ایجاد می شود و ... رنگ مناسبی داشته باشند تا به راحتی قابل خواندن باشند
-    عناصر متن و تعاملی باید نسبت کنتراست حداقل 4.5 تا 1 داشته باشند.

10 ابزار دسترسی به رنگ در طراحی وب سایت و اپلیکیشن
ابزارهای زیادی وجود دارد که به شما کمک می کنند تا همه چیز را از کنتراست تا ترکیب رنگ ها برای ایجاد یک پالت مناسب در طراحی وب سایت یا اپلیکیشن مورد بررسی قرار دهید.
در این مقاله از وبلاگ سینوتی به بررسی 10 ابزار کاربردی می پردازیم:

ابزار بررسی کنتراست رنگ WebAIM

ابزار کنترل کنتراست رنگ WebAIM، کنتراست بین رنگ پس زمینه و پیش زمینه را بررسی می کند. هدف نسبت 4.5: 1 یا بالاتر است.

ابزار Colorable

ابزار Colorable با استفاده از تفاوت در روشنایی، کنتراست را بررسی می کند و باعث می شود هر رنگ مشخص شود. 

ابزار Color Safe

ابزار Color Safe به شما کمک می کند پالت های رنگی در دسترس را بر اساس دستورالعمل های WCAG ایجاد کنید. این پالت ها اطمینان لازم را در مورد اینکه نسبت های پس زمینه و کنتراست مناسب برای خوانایی مطلوب استفاده می شود را می دهند.

Web Accessibility Guidelines

این ابزار دارای ابزار کنتراست رنگی است که رنگ های مختلف را در پس زمینه های مختلف نشان می دهد و اطمینان از خوانایی متن را به شما می دهد. از این ابزار برای ایجاد پس زمینه و متن که روشن و قابل فهم هستند استفاده کنید.

ابزار Stark

Stark یک افزونه در برنامه Adobe XD و Sketch است که می توانید از آن برای تست دسترسی پذیری عناصر سایت یا اپلیکیشن بر روی طرح موردنظر خود استفاده کنید. به کمک این ابزار می توانید کنتراست را بررسی کرده، کوررنگی را شبیه سازی کنید یا حتی پیشنهادات رنگی را برای بهبود طرح انجام دهید.

ابزار Colors for All

Colors for All یک نمودار بصری غول پیکر از رنگ ها بصورت جدول است که رنگ ها را برای ترکیب مناسب مطابق با استانداردهای WCAG نشان می دهد.

ابزار Color Blind Web Page Filter

Color Blind Web Page Filter به شما اجازه می دهد تا یک آدرس اینترنتی را وارد کرده و سپس فیلتر بینایی را تنظیم کنید و ببینید که ظاهر صفحه چه شکلی می شود. این ابزار می تواند یک تست عالی برای کمک به شما در جهت بررسی میزان دسترسی پذیری صفحه سایت یا اپلیکیشنتان باشد.

ابزار Color Review

Color Review یک برنامه با قسمت های مختلف است که به شما کمک می کند کنتراست رنگ را کنترل کنید. شما همچنین می توانید از آن در مرورگر استفاده کنید. به کمک این ابزار شما می توانید میزان دشواری خواندن متن ها را با تغییر رنگ های مختلف بررسی کنید.

ابزار Colors

ابزار Colors شامل 90 ترکیب از جفت رنگ ها مختلف برای طراحی وب سایت یا اپلیکیشن است. در این ابزار، هر ترکیب از رنگ ها شامل یک راهنمای اندازه و یک نسبت است، بنابراین شما از این که هر جفت رنگ با هم چگونه هستند اطلاع پیدا می کنید. اگر شما به دنبال ایجاد پالت های رنگی قابل دسترس هستید، این ابزار یک ابزار عالی برای شروع است.

ابزار Contrast Grid

Contrast Grid به شما اجازه می دهد تا ترکیب رنگ ها را برای پیش زمینه و پس زمینه مطابق با استانداردهای حداقل کنتراست مورد نیاز WCAG بررسی کنید. شما در این ابزار می توانید هر رنگی که برای گزینه های طراحی خود می خواهید را وارد نمایید تا برای شما یک جدول رنگی ایجاد نماید.

نتیجه
وقتی تصمیم به طراحی یک وب سایت می گیرید، دسترسی پذیری و هم خوانی رنگ ها مهم است. حتی اگر دید کامل رنگی داشته باشید، شما باید یک گام به عقب بر گردید و در مورد طراحی از دیدگاه کسی که ممکن است دید رنگی مطلوبی نداشته باشد، فکر کنید. 
دسترسی پذیری باید گزینه اصلی شما در هر پروژه طراحی وب سایت باشد. حتی اگر یک وب سایت خیره کننده ایجاد کنید در حالیکه خیلی از کاربران قادر به دیدن آن نباشند، چه فایده ای خواهد داشت؟