سوالاتی برای ساختن و برقرار کردن راهنمای FrontEnd (جلسه 26) : Accessibility

دسته بندی: آموزش
زمان مطالعه: 4 دقیقه
۳۰ فروردین ۱۳۹۶

frontend

در جلسه گذشته در مورد ابزارهای مربوط به تست کردن Performance سایت برای شما توضیحاتی رو قرار دادیم و ابزارهای معروف رو بهتون معرفی کردیم. در این جلسه میخوایم در مورد Accessibility توضیح بدیم.

Accessibility

همونطور که میدونین Accessibility در سالهای اخیر خیلی بر سر زبانها افتاده و همواره سعی میشه که در طراحی سایتها و نرم افزارها و ... این مورد رعایت بشه و اصول مربوط به اون اجرا بشه. Accessibility در واقع مجموعه کارهایی هست که شما باید انجام بدین تا همه افرادی که وارد سایتتون میشن، بتونن به خوبی با سایتتون ارتباط برقرار کنن و با اون کار کنن. یعنی سایت شما فقط برای افراد سالم طراحی نشده باشه و همه افراد معلول دیگه هم بتونن به راحتی از سایتتون استفاده کنن. مثلا فرض کنید که یک نفر از نظر بینایی مشکل داشته باشه و وارد سایت شما بشه. معمولا چنین افرادی از ابزارهایی بنام Screen Reader استفاده میکنن. وظیفه Screen reader ها این هست که محتویات سایت شما رو برای اون کاربر میخونن و کاربر میتونه به راحتی با سایت ارتباط برقرار کنه و به مسیری که میخواد میره و کار مورد نظرشو انجام میده.

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

  • آیا شما از توصیه هایی که در مورد Accessibility شده است، پشتیبانی می کنید؟

a11yیک سایت در مورد Accessibility با نام a11yproject وجود داره که هدف اصلی اون این هست که کار کردن با Accessibility برای طراحان و توسعه دهندگان وب رو راحتتر کنه. چون نوشتن Accessibility طولانی و کمی سخت هست، اون رو بصورت a11y مینویسن و بین همه معروف و جا افتاده هست. همونطور که میبینید حرف اول و آخر رو نگه داشتن و 11 حرف دیگه رو بصورت عددی قرار دادن. مثال دیگه برای این مدل خلاصه نویسی internationalization هست که به اون i18n میگن.

این سایت یک چک لیست رو تهیه کرده و پیشنهاداتی رو در اون به شما داده که با اجرا کردن اونا میتونین از a11y سایتتون اطمینان پیدا کنید. شما میتونین یکی یکی این موارد رو بخونید و بررسی کنید و اگر اوکی بودن، تیکشو بزنید و اگر مشکل داشتن در مورد اونا مطالعه کنید و اون مشکلات رو برطرف کنید. مثلا یکی از توصیه هایی که در این چک لیست قرار گرفته اینه که حتما برای المنت html ویژگی lang رو قرار بدین و در اون زبان مورد نظر سایتتون رو مشخص کنید. این ویژگی به Screen reader میفهمونه که مثلا سایت من en یا انگلیسی هست و Screen reader هم با تلفظ انگلیسی سایت شما رو برای کاربر میخونه و تلفظ میکنه.

  • از چه ابزارهای مربوط به Accessibility استفاده می کنید؟

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

پس با a11y میتونین سایتی خوب رو برای افراد معلول به وجود بیارید و کاربرانتون رو راضی نگه دارید.

امیدوارم از این مطلب خوشتون اومده باشه.

موفق باشید

یا علی

Source

چه امتیازی به این مقاله می دید؟
نویسنده
بسیار به طراحی وب علاقمندم و به سرعت در حال یادگیری تمام مباحث پیشرفته هستم و دوست دارم که به دیگران هم یاد بدهم.

جلسات دوره

نظرات کاربران

اولین دیدگاه این پست رو تو بنویس !

نیاز به لاگین

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