طراحی سایت برای نابینایان چگونه است؟

 

طراحی سایت برای نابینایان چگونه است؟

آنچه در این مقاله می‌خوانیم:

 

  • مشکلات افراد نابینا یا دارای اختلال بینایی چیست؟
  • بهترین ابزارهای مناسب برای طراحی سایت اختصاصی برای افراد کم بینا چیست؟
  • معرفی چند نکات مهم در طراحی سایت 
  • سخن پایانی

1. مشکلات افراد نابینا یا دارای اختلال بینایی چیست؟

 

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

2. بهترین ابزارهای مناسب برای طراحی سایت اختصاصی برای افراد کم بینا چیست؟

 

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

3. معرفی چند نکات مهم در طراحی سایت 

 

1)  استفاده از تضاد رنگی مناسب:

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

2) قرار دادن گزینه تنظیم فونت:

متوسط اندازه فونت هر سایت 12 تا 14 پیکسل است؛ اما در کنار هر مطلب، گزینه‌ای قرار دهید تا کاربر بتواند اندازه فونت را بزرگ کند. بعضی سایت‌های داخلی مانند بیمه دات کام چنین قابلیتی را برای کاربران خود قرار داده‌اند. این ویژگی حتی می‌تواند برای افراد دارای بینایی ضعیف هم مناسب باشد.

3) استفاده از کلیدهای میانبر برای هدایت کاربران:

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

4) طول خط و انتهای خط:

طول خط و انتهای خط باید در حدود 50  تا 60 کاراکتر باشد. برای توصیف تصاویر می‌توانید از تگ alt  استفاده کنید. همچنین اگر می‌خواهید لینکی را به تصویر اضافه کنید می‌توانید از این تگ استفاده کنید.

5) استفاده از کانتراست:

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

اما پوسته‌های امروزه کاملا جزئی گرا هستند، با استفاده از تغییرات جزئی فونت‌های زیبایی را به جود می‌آورد. این کار همچنین برای کاربران با دید نرمال نیز باعث تجربه کاربری خوبی خواهد شد.

نسخه دوم وب سایت خود را در نظر بگیرید با کنتراست بیشتر بین عناصرو استفاده از متن‌های ضخیم برای خوانایی بیشتر و عدم استفاده از فونت‌های نازک؛ همچنین از هیچ تکنیک جاوااسکریپت و یا css استفاده نکنید. بسیاری از افراد مبتلا به نقض بینایی از برجسته کردن به عنوان یک ترفند سریع برای افزایش کانتراست و کمک به تمرکز بصری استفاده می‌کنند.

4. سخن پایانی

 

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

نظر خود را بگذارید