نحوه ادغام دسترسی در وب سایت شما

گنجاندن دسترسی به وب سایت شما کاری مناسب است که امروز انجام دهید.

چرا؟

به دلیل CDC ، 25٪ از بزرگسالان در ایالات متحده با معلولیت زندگی می کنند.

با این حال ، بسیاری از وب سایت ها هنوز ویژگی های دسترسی ندارند.

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

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

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

افراد دارای معلولیت باید قادر به درک ، درک ، پیمایش و تعامل با آنها باشند و در وب مشارکت کنند.

دسترسی به وب برای همه ناتوانی هایی که روی دسترسی به وب تأثیر می گذارند ، از جمله:

  • شنوایی
  • شناختی.
  • عصبی
  • جسمی
  • سخن، گفتار.
  • دیداری.

ADA کجا ایستاده است؟

مهمترین بخش های ADA برای دسترسی به وب عنوان های II و عنوان III است.

  • عنوان دوم به دولت های ایالتی و محلی و نهادهای دولتی نیاز به دریافت بودجه فدرال برای دسترسی به افراد معلول با دسترسی برابر به برنامه ها ، خدمات یا فعالیت های خود دارد.
  • عنوان سوم “مکانهای اقامتی عمومی مانند رستورانها ، هتلها ، سینماها ، موزه ها و بیمارستانها را از تبعیض مبتنی بر ناتوانی ممنوع می کند.”

تبلیغات

ادامه خواندن در زیر

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

موج جدید دادخواستهای ADA

سالهای اخیر شاهد افزایش تعداد دادخواستهای دسترسی به وب مبتنی بر ADA هستیم.

تعداد 2،256 پرونده برای دسترسی به وب سایت ADA در دادگاه های فدرال در سال 2019 تشکیل شده است.

با این حال ، به نظر می رسد که منحنی در حال صاف شدن است.

چگونه خود را برای کاربران معلول انجام دهید

بهینه سازی وب سایت برای کاربران دارای معلولیت باعث می شود یک تجارت بی نقص انجام شود.

می توانید ضمن ساختن یک تصویر مثبت از برند ، به یک بخش گسترده تر از بازار بپردازید.

پس از آزمایش وب سایت خود برای دسترسی به وب ، می توانید مراحل زیر را پیاده سازی کنید:

1. تصاویر را با Alt Text اضافه کنید

ممکن است یک تصویر هزار کلمه ارزش داشته باشد ، اما عناصر بصری مانند تصاویر یک مانع در دسترس برای کاربران نابینا و کسانی که دارای دید کم هستند.

آنها غالباً باید به فن آوری های کمکی مانند صفحه خوان ها و خوانندگان بریل تجدید پذیر اعتماد کنند.

Screen Readers برنامه های نرم افزاری هستند که متن را بر روی صفحه با استفاده از سینت سایزر یا صفحه نمایش بریل می خوانند.

با این حال ، هیچ یک از این فناوری ها نمی توانند تصاویر یا متن موجود در تصاویر را بخوانند.

بنابراین ، برای توصیف تصاویر خود به کاربران غیرفعال ، باید Alt Text اضافه کنید.

حتما تصویر را تا حد امکان واضح توصیف کنید.

برای توصیف های طولانی می توانید از ویژگی alt برای توضیحات مختصر و “Tag Longdesc” استفاده کنید.

2. به کاربران اجازه دهید اندازه های قلم را بزرگ کنند

افرادی که دید کم دارند اغلب نمی توانند اندازه متن کوچک را بخوانند.

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

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

همچنین ، مطمئن شوید که دکمه های CTA اندازه فونت بیشتری دارند.

همچنین ، این دکمه ها را برای افراد با دید کم نظیر قابل مشاهده کنید.

3. حساسیت کنتراست را در ذهن داشته باشید

در کنار اندازه متن ، به رنگ و کنتراست فکر کنید.

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

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

از استفاده از قلم های نازک خودداری کنید.

همچنین ، سعی کنید از استفاده از هرگونه ویژگی JavaScript یا CSS که باعث می شود کاربران کم بینایی از افزایش کنتراست جلوگیری کنند ، خودداری کنید.

درست مانند اندازه متن ، تضاد رنگ برای CTA ها نیز بسیار مهم است.

در حالی که متن سیاه بر روی پس زمینه سفید بالاترین میزان خوانایی را دارد ، می توانید از ترکیبی از متن سیاه بر روی پس زمینه زرد و متن زرد در یک پس زمینه آبی نیز استفاده کنید.

از استفاده از ترکیباتی مانند متن سبز در پس زمینه قرمز و برعکس آنها بخاطر خواندن آنها پرهیز کنید.

4- ناوبری صفحه کلید را اضافه کنید

برای کاربران نابینا و بینایی ، ناوبری یک چالش است.

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

کاربران نابینا از صفحه کلیدهای بریل برای دسترسی به سایت شما استفاده می کنند.

اطمینان حاصل کنید که کاربران غیرفعال می توانند به همه عناصر تعاملی وب سایت شما دسترسی داشته باشند ، از جمله:

تبلیغات

ادامه خواندن در زیر

  • آدرس های اینترنتی
  • متن لنگر.
  • منوهای کشویی.
  • ابزارک ها
  • تشکیل می دهد.
  • CTA
  • جعبه های گفتگو.
مقاله پیشنهادی  نحوه تفسیر صحیح داده های PPC (حتی اگر هرگز آماری را مطالعه نکردید)

همچنین ، ابزارک های JavaScript را با صفحه کلید در دسترس قرار دهید.

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

5- فیلم و چندرسانه ای را در دسترس قرار دهید

فیلم ها و سایر عناصر چندرسانه ای در وب سایت شما نقش اساسی در افزایش تعامل کاربر در وب سایت شما دارند.

در حالی که کاربران نابینا و کم بینا نمی توانند تصویری ببینند ، کاربران ناشنوا و افراد کم شنوا نمی توانند صدا را بشنوند.

می توانید از توضیحات صوتی برای توصیف قسمتهای فقط بصری مانند تصاویر ، حرکات و تغییرات در تنظیمات ، استفاده کنید. این به کاربران نابینا کمک می کند تا از این ویدئو لذت ببرند.

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

اطمینان حاصل کنید که ساعت ها توضیحات صوتی را به پایان نمی رسانید ، و این یک تجربه بی معنی برای کاربر است.

تبلیغات

ادامه خواندن در زیر

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

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

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

خوشبختانه ، بازیکنان HTML5 شانس بهتری برای ادغام دسترسی دارند.

6. از URL های توصیفی استفاده کنید

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

توضیحات معنی دار همچنین پرش به محتوای مناسب را آسان تر می کند.

به عنوان مثال ، هنگام توصیف پیوند صفحه “About” ، این نکته را بخاطر بسپارید.

  • خوانایی کم: www.abcmarketing.com/about
  • خوانایی بالا: www.abcmarketing.com/about-our-company

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

همچنین ، پیوندهایی به تصاویری اضافه کنید که قادر به پشتیبانی از Alt Text نیستند.

7. از نقش های ARIA استفاده کنید

ARIA مخفف برنامه های کاربردی اینترنتی Rich Rich Access است.

تبلیغات

ادامه خواندن در زیر

این به شما کمک می کند تا محتوای پویا را در دسترس تر کنید.

نقش ها و ویژگی های ARIA اطلاعات و یا زمینه های بیشتری را در مورد عنصر وب سایت برای نمایش خوانندگان و سایر ابزارهای دستیابی فراهم می کند.

می توانید نقش ARIA را با استفاده از نقش = “اضافه کنید” صفت.

شش دسته متداول از نقش های ARIA شامل موارد زیر است:

  • نقطه عطف: خوانندگان صفحه نمایش از این نقش برای ناوبری استفاده می کنند.
  • ساختار اسناد: این یک توصیف ساختاری از یک بخش را ارائه می دهد.
  • ویجت: این عناصر تعاملی فاقد معادل معنایی در HTML را توصیف می کند.
  • چکیده: این کمک می کند تا یک اسناد را سازماندهی و ساده تر کنید.
  • پنجره: این یک زیر مجموعه یا زیرمجموعه از سند اصلی ایجاد می کند.
  • مناطق زنده: این ابزار به ابزارهای کمکی برای تشخیص تغییرات پویا در یک صفحه وب و هشدار به کاربران غیرفعال کمک می کند.
مقاله پیشنهادی  چه زمانی باید از Canonical در مقابل 301 Redirect استفاده کنم؟

اما فقط افرادی که به کد منبع دسترسی دارند و با دانش ARIA و HTML5 می توانند و باید این تغییرات را انجام دهند.

برای اطلاعات بیشتر باید با توسعه دهنده وب سایت خود تماس بگیرید.

8- از استفاده از متن نگهدارنده در فرم ها خودداری کنید

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

با این حال ، متن حفره یا سوراخ معمولاً خاکستری است.

کاربران کم نظیر به دلیل تضاد کم نمی توانند آن را بخوانند.

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

تبلیغات

ادامه خواندن در زیر

بنابراین به جای متن حفره یا سوراخ از متن استفاده کنید

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

9. استفاده از جداول را به حداقل برسانید

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

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

بنابراین ، هر جا ممکن باشد ، از CSS برای ارائه داده استفاده کنید.

اگر باید یک جدول ایجاد کنید ، از هدرهای صحیح برای هر سطر و ستون استفاده کنید.

همچنین می توانید از زیرنویس های جدول HTML5 استفاده کنید تا زمینه دیگری را برای کاربران معلول خود فراهم کنید.

نتیجه

ایجاد یک وب سایت در دسترس نه تنها حس خوب تجارت را ایجاد می کند بلکه این کار نیز از نظر اخلاقی درست است.

تبلیغات

ادامه خواندن در زیر

بنابراین همیشه دسترسی را در خاطر داشته باشید.

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