چگونه وب سایت شما برای افراد معلول قابل دسترسی باشد

افشای: پشتیبانی شما به حفظ سایت کمک می کند! ما برای برخی از خدماتی که در این صفحه توصیه می کنیم هزینه ارجاع دریافت می کنیم.


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

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

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

نکاتی برای ایجاد یک وب سایت قابل دسترسی

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

در برخی موارد ، مانند در مورد کوری رنگی ، از فناوری های کمکی استفاده نمی شود. درعوض ، وب سایتهایی که در دسترس این بازدیدکنندگان است در هنگام طراحی وب سایت خود ، این موارد را در نظر می گیرند و از عناصر بصری مناسب استفاده می کنند.

به طور خلاصه ، طبق W3C: “دسترسی به وب بدان معنی است كه افراد دارای معلولیت می توانند از وب استفاده كنند” (منبع) بدون در نظر گرفتن ناتوانی. دستیابی به آن سطح دسترسی ، هدف دستورالعمل های دسترسی به محتوا وب (WCAG) 2.0 است که استاندارد فعلی قابل اجرا از W3C است.

پروژه خود را با قابلیت دسترسی در ذهن شروع کنید

اولین قدم برای ایجاد یک وب سایت در دسترس ، درک چگونگی دسترسی افراد معلول به وب است. W3C منابعی را گردآوری کرده است که شامل داستانهای کاربران واقعی وب ، کاوش در تنوع کاربران وب و بحث در مورد راههای متنوع دسترسی کاربران به وب است. بررسی این منابع تصویری روشنی از نحوه استفاده افراد معلول از وب ارائه می دهد.

همچنین مهم است که در مورد مؤلفه های دسترسی به وب فکر کنید. در حالی که ممکن است طراحان وسوسه شوند ذهنیت دسترسی خود را به عناصر بصری که طراحی می کنند و کدی که می نویسند محدود کنند ، شناختن سایر قسمت های معما – به ویژه مواردی مانند فناوری های کمکی و نرم افزاری که برای تقویت دسترسی استفاده می شود – مهم است. طراحی وب را اطلاع دهید.

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

در آخر ، قبل از شروع پروژه خود ، توصیه های ارائه شده در WCAG 2.0 را مرور کنید. پیروی از توصیه های ارائه شده در این سند به اطمینان حاصل می شود که محتوای وب سایت شما قابل درک ، عملیاتی ، قابل فهم و قوی باشد.

ساختار HTML به درستی

یکی از موارد مهمی که باید هنگام ایجاد یک وب سایت در دسترس انجام دهید ، استفاده صحیح از HTML معنایی است. این هم تعدادی راهکار تا شما شروع کنید:

  • گزینه های متن توصیفی (Alt-text) را برای تصاویر تهیه کنید: خوانندگان صفحه متن را با خواندن متن alt ، بنابراین معنی دار می کنند. خواندن متن باید همان معنای مشاهده تصویر را منتقل کند.
  • از تگ های هدر به درستی استفاده کنید: خوانندگان صفحه به برچسب های هدر توجه می کنند و از آنها به عنوان سرنخ هایی در مورد اهمیت اطلاعات و ساختار محتوا در یک صفحه استفاده می کنند. از یک سطح استفاده نکنید و آنها را از حالت خارج استفاده نکنید.
  • ایجاد فرم های در دسترس: از برچسب های توصیفی و به خوبی موقعیت یابی برای هر قسمت ورودی استفاده کنید و از برچسب برچسب یا یک ویژگی ARIA برای مرتبط کردن برچسب با قسمت ورودی استفاده کنید.
  • استفاده مناسب از جداول: در گذشته استفاده از جداول برای چیدمان وب سایت روشی معمولی بود. با این حال ، خوانندگان صفحه نمایش قادر به تفکیک جداولی نیستند که شامل داده ها است و جداولی که برای اهداف طرح استفاده می شود. در نتیجه ، جداول استفاده نادرست ، پیچیدگی و سردرگمی غیرضروری را برای بازدید کنندگان با استفاده از خواننده های صفحه ایجاد می کند.

کار با محتوای ویژوال

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

برای انتقال اطلاعات هرگز به رنگ تنها بستگی نداشته باشید

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

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

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

گزینه های جایگزین برای محتوای صوتی و تصویری ارائه دهید

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

از متن لینک توصیفی استفاده کنید

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

هنگام استفاده از محتوای پویا ، احتیاط کنید

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

درباره نقش های ARIA اطلاعات کسب کنید و از آنها استفاده کنید

توصیف برنامه دسترسی به وب دسترسی به اینترنت Rich Rich Initiative (WAI-ARIA) مشخصات W3C است که به منظور کمک به توسعه دهندگان وب سایت برای دستیابی به محتوای پویا طراحی شده است. کل مشخصات ARIA از تحقیقات جدی توسط توسعه دهندگان برخوردار است ، اما هرکسی که HTML می نویسد باید وقت خود را بگذارد تا در مورد ویژگی جدید نقش و ویژگی aria-label که می تواند به هر عنصر HTML اختصاص یابد ، بیاموزد. این ویژگی ها در کمک به بازدید کنندگان با مشکلات خاص در پیمایش وب سایت های پویا مؤثر هستند.

عملکردی را برای بازدیدکنندگان که فقط از یک صفحه کلید استفاده می کنند حفظ کنید

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

بررسی قابلیت دسترسی

ابزار و منابع متنوعی وجود دارد که می توانید از آنها برای ممیزی سایت خود برای دسترسی استفاده کنید. مکان خوبی برای شروع ، لیست Easy Checks است که توسط W3C تهیه شده است. با گذر از این لیست ، بیشترین موارد رایج مانند تصاویر بدون متن alt ، عناوینی که از دست رفته یا خارج از جدول هستند ، موارد متضاد رنگ متداول و موارد دیگر.

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

منابع اضافی

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

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

Google همچنین یک دوره Intro to Web Accessibility را ارائه می دهد که اصول اولیه ساختن وب سایت های قابل دسترسی را به شما آموزش می دهد و نحوه استفاده از ابزارهای دستیابی در مرورگر وب Chrome را برای آزمایش سایت شما برای دسترسی به شما نشان می دهد..

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

WebAIM سازمان دیگری است که به دسترسی بیشتر وب اختصاص داده شده است ، و آنها تعدادی از منابع مفید را برای یادگیری در مورد اختلالات مختلف از جمله ابزارها و شبیه سازیهای زیر ارائه می دهند:

  • بخش 508 فهرست چک: این لیست چک مفید به شما اطمینان می دهد که طراحی شما مطابق با الزامات بخش 508 است.
  • چک لیست WCAG 2.0: اگر هدف شما پیروی از دستورالعمل های دسترسی به محتوا وب (WCAG) 2.0 است ، این لیست چک به شما کمک می کند تا صحت طراحی شما مطابق استاندارد باشد.
  • Color Contrast Checker: به سادگی رنگ فونت و رنگ پس زمینه را وارد کنید تا مشخص شود تضاد بین این دو با استانداردهای WCAG مطابقت دارد یا خیر.
  • شبیه سازی خواننده صفحه: برای بازدید کنندگان که از خواننده های صفحه استفاده می کنند ، وب را با این شبیه سازی تجربه می کنند.
  • شبیه سازی کم دید: این شبیه سازی به شما امکان می دهد یک وب سایت را به روشی مشاهده کنید که از اثر اختلالات بینایی مختلف مانند گلوکوم ، آب مروارید و دژنراسیون ماکولا تقلید کند..
  • شبیه سازی دیسكسلیا: این تمرین ساده این احساس را به شما می دهد كه می خواهید با دیسكسكلی بخوانید و بخوانید تا از چالش هایی كه بازدیدكنندگان در پیمایش در وب با آن روبرو هستند قدردانی بیشتری كنید..
  • شبیه سازی انعطاف پذیری: این شبیه سازی باعث می شود تا احساس رنج از حواس پرتی را رعایت کنید و به شما در درک ارزش وب سایتهایی که برای کاهش حواس پرتی طراحی شده اند ، کمک می کند..
Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map