با این نکات دسترسی به وب سایت خود را بهبود بخشید

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

دسترسی به وب سایت چیست؟

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

چرا دسترسی به وب سایت مهم است؟

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

دستورالعمل‌های دسترسی به محتوای وب (WCAG)

را

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

برای امکان دسترسی به وب سایت، کنسرسیوم وب جهانی (W3C) همچنین دستورالعمل های دسترسی به محتوای وب (WCAG) را توسعه داد. این دستورالعمل ها استانداردهای بین المللی برای دسترسی به وب هستند. ایجاد یک وب سایت در دسترس می تواند چالش برانگیز و وقت گیر باشد. با این حال، لازم نیست که باشد. بیایید نگاهی به دستورالعمل های زیر بیندازیم.

استانداردهای دسترسی به وب

مجموعه دستورالعمل‌های دسترسی به محتوای وب (WCAG) برای دسترسی دیجیتال شامل چهار اصل اصلی برای هر کسی است که از وب استفاده می‌کند. این استانداردها پایه و اساس توسعه محتوای وب قابل دسترس را ایجاد می کند:

1. قابل درک: محتوایی که به‌عنوان قابل درک در نظر گرفته می‌شود، تنها به توانایی افراد برای دیدن آن مربوط نمی‌شود. بازدیدکنندگان باید از اطلاعات ارائه شده در یک وب سایت آگاه باشند. فن آوری های کمکی اجازه می دهد تا محتوا به روش های مختلف ارائه شود، که می تواند برای افراد دارای اختلالات بینایی مفید باشد. قابل درک کردن محتوای وب به این معنی است که بازدیدکنندگان وب سایت می توانند محتوای مورد نظر را ببینند و بشنوند.
2. قابل اجرا: عملکرد یک وب سایت باید قابل اجرا باشد. تصور کنید که در حین پیمایش در یک سایت باید دوران سختی را پشت سر بگذارید. بنابراین، عملکردهای یک وب سایت نباید بر تجربه بازدیدکنندگان تأثیر بگذارد. وب سایتی که قابل اجرا در نظر گرفته می شود، بدون نیاز به عملکردهای پیچیده، به راحتی قابل پیمایش است.
3. قابل درک: محتوای وب سایت باید به خوبی نوشته شده و به راحتی قابل درک باشد. افرادی که دارای ناتوانی های شناختی هستند ممکن است درک اطلاعاتی که با اصطلاحات مفصل نوشته شده اند دشوار باشد. این اصل برای ساختار کلی سایت و ناوبری اعمال می شود.
4. قدرتمند: محتوای قوی وب سایت باید توسط همه بازدیدکنندگان، از جمله کسانی که از فناوری های کمکی استفاده می کنند، به راحتی تفسیر شود.

نحوه بهبود دسترسی به وب سایت

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

ابزارهایی برای دسترسی به وب

1. موج

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

می توانید ابزار WAVE را در اینجا پیدا کنید:

  2. [A11Y Color Contrast Validator](https://color.a11y.com/?wc3)

ارائه‌دهنده دسترس‌پذیری وب‌سایت کنتراست رنگی A11Y تجزیه و تحلیل کنتراست رنگ رایگان را برای نمایش مشکلات مربوط به جفت‌های رنگی صفحه وب ارائه می‌کند. کنتراست به این اشاره دارد که چگونه رنگ های روشن و تیره نسبت به یکدیگر بر روی صفحه نمایش ظاهر می شوند.

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

3. [ARIA DevTools](https://chrome.google.com/webstore/detail/aria-devtools/dneemiigcbbgbdjlcdjjnianlikimpck?hl=en)

ابزار Accessible Rich Internet Application (ARIA) یک افزونه رایگان منبع باز برای سفارشی کردن نحوه تعامل بازدیدکنندگان با محتوای وب است. ARIA طراحی شده است تا وب سایت ها را با فناوری های کمکی مانند صفحه خوان ها در دسترس قرار دهد.

ARIA مجموعه ای از ویژگی ها را ارائه می دهد که معمولاً در HTML استفاده می شود. به عنوان مثال، ویژگی role=”alert” می تواند توسط دستگاه های کمکی برای اعلام اطلاعات مهم و حساس به زمان استفاده شود.

برای استفاده از ابزار برنامه نویس ARIA، می توانید آن را در فروشگاه وب کروم پیدا کرده و به عنوان افزونه نصب کنید. پس از نصب، می‌توانید دکمه را تغییر دهید تا ابزارهای ARIA dev را فعال کنید و از ویژگی‌های مختلفی که ارائه می‌کند برای نظارت بر دسترسی وب‌سایت خود استفاده کنید.

نحوه رفع مشکلات رایج دسترسی

پیمایش صفحه کلید را فعال کنید

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

از رنگ های با کنتراست بالا استفاده کنید

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

متن جایگزین را اضافه کنید

ما باید متن جایگزین را در تمام تصاویر خود قرار دهیم. اینها تصاویر را برای بازدیدکنندگانی که از صفحه‌خوان‌ها استفاده می‌کنند، توصیف می‌کنند. متن جایگزین همچنین زمانی مفید است که پیوند تصویر خراب یا در دسترس باشد. نمونه ای از ویژگی alt = “پسر روی دوچرخه” است. در اکثر مرورگرها، نشان دادن ماوس روی یک تصویر به متن جایگزین در زیر مکان نما نشان داده می شود.

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

از Heading Hierarchies استفاده کنید

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

عنوان شبیه به عنوان است. HTML با استفاده از تگ های عنوان مانند H1، H2، H3، و H4. به طور معمول، با بزرگتر شدن شماره عنوان، فونت کوچکتر می شود. به عنوان مثال، یک H1 عنوان بزرگتر از کوچکتر است H4 عنوان

شرح تصاویر و رونوشت های ویدئویی را اضافه کنید

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

نمونه های خوبی از وب سایت های قابل دسترس چیست؟

در زیر دو نمونه از وب سایت های سازگار با WCAG آورده شده است. می توانید از آنها به عنوان الهام استفاده کنید:

1. W3C

چه نمونه ای بهتر از وب سایت آژانس رسمی که استانداردهای دسترسی را نوشته است، می تواند باشد؟ W3C همه چیزهایی را دارد که یک وب‌سایت در دسترس باید داشته باشد، از جمله HTML با ساختار مناسب با برچسب‌های واضح برای نشان دادن ساختار، تضاد رنگ، زبان ساده و نشانگر فوکوس برای عنصر صفحه انتخاب شده در حال حاضر.

 2. [US CDC](https://www.cdc.gov/)

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

افکار نهایی

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