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

مفهوم قابلیت دسترسی در طراحی های دیجیتالی ممکن است تصوراتی همانند قرائت کنندگان متن ها و دستورهای صوتی را در ذهن شما ایجاد کنند، اما  قابلیت دسترسی خیلی فراتر از این موارد است. به عنوان مثال ، اغلب اوقات به بعضی از مسائل توجه لازم نمی شود همانند افرادی که کور رنگی دارند. به این مسئله دقت کنید: از هر 12 نفر یک نفر از معضل کور رنگی رنج می برند، بنابراین یک طراحی که برای انتقال اطلاعات فقط از رنگ استفاده می کند، این روش او برای تعداد زیادی از کاربران بی فایده است و نتیجه بخش نیست.

 

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

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

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

اطلاعات بیشتر در مورد موضوع " قابلیت دسترسی " در همایش  Generate Londonعنوان می شود که در آنجا لونی واتسون نگاهی تخصصی به مکانیک های قابلیت دسترسی در مرورگرها خواهد داشت.

 

قابلیت دسترسی به عنوان یک ادامه ای از طراحی تجربه کاربری

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

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

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

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

 

طرح ها را ساده نگه دارید

مهمتر از همه، سعی کنید چیزها را تا هر اندازه که امکان پذیر است ساده نگه دارید. پیکرینگ می گوید: "بزرگترین دشمن قابلیت دسترسی ، پیچیدگی است." "پیچیدگی باعث می شود که رابط کاربری برای هر کسی قابل دسترس نباشد، به ویژه کسانی که دارای محتواهایی هستند که نیاز به تکنولوژی های کمکی دارند."

پیچیدگی همچنین کارها را برای افراد با اختلالات شناختی مانند اوتیسم، نارسایی خواندن یا ADHD سخت تر می سازد.

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

طراحی را واضح و ساده نگه دارید

در بخش 'دریافت اطلاعات' پوشش داده می شود که آیا فرد می تواند اطلاعات موجود را دریافت نماید و به چیزهایی را که می تواند برای رسیدن به یک هدف و انجام کاری استفاده نماید دسترسی پیدا کند، مانند دکمه ها، منوها و اطلاعات مربوط به آن.

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

 

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

نایت خودش دارای  اوتیسم است و در این پست او توضیح می دهد که چگونه از ابزار زوم استفاده می کند تا تبلیغات و سایر آشفتگی ها را از روی صفحه نمایش خود جدا کند و کمک کند به اینکه بهتر بتواند تمرکز نماید و همچنین درباره خواننده متن همین مسئله وجود دارد و از این روش استفاده می نماید.

 

کنتراست رنگ

کنتراست رنگ یکی از مهمترین عوامل تعیین کننده میزان خوانایی متن است. قابلیت دسترسی برای آژانس طراحی وب، Domain 7 یک اولویت بود وقتی که وب سایت را برای دانشگاه سلطنتی لندن طراحی مجدد می نمود.

تریسی فالک، رهبر تیم طراحی وب سایت ، توضیح می دهد: "در حالی که متوصل شدن به روش طرح سیاه روی زمینه سفید، همیشه امن ترین راه است (و برای کپی اولیه بدنه توصیه می شود)، استفاده از یک ابزار آنلاین که رنگ تایپ را در برابر رنگ های پس زمینه از لحاظ نوع کنتراست تست می کند، یک امر کلیدی است. شما شگفت زده خواهید شد که در چه چیزی این تست کنتراست با شکست مواجه می شود. "

هنگام استفاده از تایپ بر روی تصاویر، باید کنتراست نیز مورد توجه قرار گیرد. میریام توماس، طراح UX و توسعه دهنده front-end در Domain7، به ما می گوید: "این روش همچنان یک روند روبه گسترش در وب است و ما از این که چگونه میزان خوانایی در این الگوهای طراحی نادیده گرفته می شود، شگفت زده خواهیم شد."

"اغلب راه حل این مشکل آن است که تصاویر را با استفاده از پوشش تاریک یا نور روشن بر روی آن خنثی کنیم تا متن قابل خواندن شود. اما سایت سلطنتی دارای یک کتابخانه عظیمی از تصاویر روشن بود، بنابراین ما تصمیم گرفتیم که زمینه بلوک پشت متنی که بر روی تصاویر قرار دارد برای حفظ و دست نخورده نگه داشتن تازگی تصاویر رنگی در نظر بگیریم. "

 

رنگ برند غیرقابل دسترس

اما اگر رنگ های تجاری از تست کنتراست موفق بیرون نیایند چه؟ Geri Coady، نویسنده راهنمای جیبی برای قابلیت دسترسی رنگ ها، توضیح می دهد: "اگر رنگ های برند قبلا انتخاب شده باشند و متاسفانه به هر دلیلی قابل دسترسی نباشند، سعی کنید شیوه های متفاوتی برای پیاده سازی آنها پیدا کنید."

برای یک لوگو با کنتراست ناکافی می توان متن توصیفی دیگری ارائه نمود تا تکمیل تر شود، اما برای عناصر متنی مانند کپی متن بدنه ای و تیتر ها، سعی کنید یک سایه تیره تر و متناسب با کنتراست از همان رنگ استفاده کنید و به پالت رنگ برند خود اضافه نمایید. "

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

کودی ، کنترل کننده کنتراست Lea Verou را توصیه می کند. این کنترل کننده برای اطمینان از این است که آیا پالت رنگ شما قابل خواندن است و جزئیات بیشتری در مقاله خود در باره " کنترل از طریق کنتراست " ارئه می دهد. همچنین می توانید در این باره به راهنمای قابلیت دسترسی در محتوای وب مراجعه کنید.

تمام کارشناسانی که ما با آنها صحبت نمودیم موافق هستند که این تست، کلیدی برای موفقیت کار شما در زمینه قابل دسترس ساختن وب سایت تان است و اینکه هر گونه مشکلی را در این زمینه برطرف نمایند. در فواصل زمانی منظمی این تست را انجام دهید  و در گروه آزمایشی خود از  افراد مبتلا به اختلالات شناختی نظیر اوتیسم اسپکتروم یا ADHD و نیز کسانی که دارای اختلالات بینایی و حرکتی هستند استفاده نمایید تا نتایج بهتری بدست آورید