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



visibility  
mode_comment   ۰

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

متخصص فرانت اِند
طراحی وب را اصولی فرا بگیرید اگر تصمیمتو گرفتی که به صورت حرفه ای به طراحی UI مشغول بشی و کسب درآمد کنی دوره فرانت اند رو از دست نده، چون توی این دوره هر چیزی که برای رسیدن به هدفت نیاز داری رو در اختیارت قرار می دیم. متخصص فرانت اِند arrow_back
comment دیدگاه کاربران
ارسال نظرات

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