Happiness is all in your mind: Gen Kelsang Nyema at TEDxGreenville 2014

وضعیت انطباق

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

برای تحقق این امر، هدف ما این است که تا حد امکان از دستورالعمل‌های دسترسی به محتوای وب 2.1 (WCAG 2.1) کنسرسیوم جهانی وب (W3C) در سطح AA تبعیت کنیم. این دستورالعمل ها نحوه دسترسی به محتوای وب را برای افراد دارای طیف وسیعی از معلولیت ها توضیح می دهد. پیروی از این دستورالعمل‌ها به ما کمک می‌کند مطمئن شویم که وب‌سایت برای همه افراد قابل دسترسی است: افراد نابینا، افراد دارای اختلالات حرکتی، اختلالات بینایی، ناتوانی‌های شناختی و موارد دیگر.

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

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

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

صفحه خوان و پیمایش صفحه کلید

وب‌سایت ما تکنیک ARIA (برنامه‌های کاربردی غنی اینترنتی در دسترس) را در کنار تغییرات رفتاری مختلف پیاده‌سازی می‌کند تا اطمینان حاصل شود که کاربران نابینا که با صفحه‌خوان‌ها بازدید می‌کنند قادر به خواندن، درک و لذت بردن از عملکردهای وب‌سایت هستند. به محض اینکه کاربری با صفحه‌خوان وارد سایت شما می‌شود، فوراً درخواستی برای ورود به نمایه Screen-Reader دریافت می‌کند تا بتواند سایت شما را به‌طور موثر مرور کرده و کار کند. در اینجا نحوه پوشش برخی از مهم‌ترین الزامات صفحه‌خوان توسط وب‌سایت ما، در کنار اسکرین‌شات‌های کنسول نمونه‌های کد آمده است:

1. بهینه سازی صفحه خوان: ما یک فرآیند پس‌زمینه را اجرا می‌کنیم که اجزای وب‌سایت را از بالا به پایین می‌آموزد تا از انطباق مداوم حتی در هنگام به‌روزرسانی وب‌سایت اطمینان حاصل شود. در این فرآیند، ما با استفاده از مجموعه ویژگی‌های ARIA، داده‌های معنی‌داری را به صفحه‌خوان‌ها ارائه می‌دهیم. به عنوان مثال، ما برچسب های دقیق فرم را ارائه می دهیم. توضیحات مربوط به نمادهای کاربردی (آیکون های رسانه های اجتماعی، نمادهای جستجو، نمادهای سبد خرید و غیره)؛ راهنمای اعتبارسنجی برای ورودی های فرم؛ نقش های عنصر مانند دکمه ها، منوها، دیالوگ های مدال (پاپ آپ) و موارد دیگر. علاوه بر این، فرآیند پس‌زمینه تمام تصاویر وب‌سایت را اسکن می‌کند و توصیفی دقیق و معنادار مبتنی بر تشخیص شیء تصویر به عنوان برچسب ALT (متن جایگزین) برای تصاویری که توضیح داده نشده‌اند ارائه می‌کند. همچنین با استفاده از فناوری OCR (تشخیص نوری کاراکتر) متونی را که در تصویر جاسازی شده اند استخراج می کند. برای روشن کردن تنظیمات صفحه‌خوان در هر زمان، کاربران فقط باید ترکیب صفحه کلید Alt+1 را فشار دهند. کاربران صفحه‌خوان نیز به‌محض ورود به وب‌سایت، اعلان‌های خودکار برای روشن کردن حالت صفحه‌خوان دریافت می‌کنند.

   این تنظیمات با تمام صفحه خوان های محبوب از جمله JAWS و NVDA سازگار است.

2. بهینه سازی پیمایش صفحه کلید: فرآیند پس‌زمینه همچنین HTML وب‌سایت را تنظیم می‌کند و رفتارهای مختلفی را با استفاده از کد جاوا اسکریپت اضافه می‌کند تا وب‌سایت توسط صفحه‌کلید قابل اجرا باشد. این شامل توانایی پیمایش در وب سایت با استفاده از کلیدهای Tab و Shift+Tab، کار کردن با کلیدهای جهت دار، بستن آنها با Esc، دکمه های راه اندازی و پیوندها با استفاده از کلید Enter، پیمایش بین عناصر رادیویی و چک باکس با استفاده از کلیدهای جهت دار، و آنها را با Spacebar یا کلید Enter پر کنید. علاوه بر این، کاربران صفحه کلید منوهای پیمایش سریع و پرش محتوا را پیدا خواهند کرد که در هر زمان با کلیک کردن بر Alt+1 یا به عنوان اولین عناصر سایت در حین پیمایش با صفحه کلید در دسترس هستند. فرآیند پس‌زمینه همچنین با حرکت دادن فوکوس صفحه کلید به سمت آن‌ها به محض ظاهر شدن، و اجازه ندادن فوکوس به خارج از آن، پنجره‌های راه‌اندازی را کنترل می‌کند.

   کاربران همچنین می توانند از میانبرهایی مانند "M" (منوها)، "H" (عنوان)، "F" (فرم ها)، "B" (دکمه ها) و "G" (گرافیک) برای پرش به عناصر خاص استفاده کنند.

نمایه های معلولیت در وب سایت ما پشتیبانی می شود

• حالت ایمن صرع: این نمایه افراد مبتلا به صرع را قادر می سازد تا با از بین بردن خطر تشنج های ناشی از چشمک زدن یا چشمک زدن انیمیشن ها و ترکیب رنگ های خطرناک، از وب سایت به طور ایمن استفاده کنند.
• حالت کم بینایی: این حالت وب سایت را برای راحتی کاربران با اختلالات بینایی مانند بینایی ضعیف، بینایی تونل، آب مروارید، گلوکوم و غیره تنظیم می کند.
• حالت ناتوانی شناختی: این حالت گزینه‌های کمکی مختلفی را برای کمک به کاربران مبتلا به اختلالات شناختی مانند نارساخوانی، اوتیسم، CVA و موارد دیگر فراهم می‌کند تا راحت‌تر روی عناصر ضروری وب‌سایت تمرکز کنند.
• حالت دوستانه ADHD: این حالت به کاربران مبتلا به ADHD و اختلالات رشد عصبی کمک می‌کند تا راحت‌تر بخوانند، مرور کنند و روی عناصر اصلی وب‌سایت تمرکز کنند و در عین حال حواس‌پرتی را به میزان قابل توجهی کاهش دهند.
• حالت کوری: این حالت وب سایت را به گونه ای پیکربندی می کند که با صفحه خوان هایی مانند JAWS، NVDA، VoiceOver و TalkBack سازگار باشد. صفحه خوان نرم افزاری برای کاربران نابینا است که بر روی کامپیوتر و گوشی هوشمند نصب می شود و وب سایت ها باید با آن سازگار باشند.
• نمایه ناوبری صفحه کلید (مشکلات موتور): این نمایه به افراد دارای اختلال حرکتی امکان می دهد تا با استفاده از کلیدهای Tab صفحه کلید، Shift+Tab و Enter وب سایت را اداره کنند. کاربران همچنین می توانند از میانبرهایی مانند "M" (منوها)، "H" (عنوان)، "F" (فرم ها)، "B" (دکمه ها) و "G" (گرافیک) برای پرش به عناصر خاص استفاده کنند.

تنظیمات UI، طراحی و خوانایی اضافی

1. تنظیمات فونت - کاربران می توانند اندازه آن را کم و زیاد کنند، خانواده (نوع) آن را تغییر دهند، فاصله، تراز، ارتفاع خط و موارد دیگر را تنظیم کنند.
2. تنظیمات رنگ - کاربران می توانند نمایه های مختلف کنتراست رنگ مانند روشن، تیره، معکوس و تک رنگ را انتخاب کنند. علاوه بر این، کاربران می‌توانند طرح‌های رنگی عناوین، متون و پس‌زمینه‌ها را با بیش از 7 گزینه رنگ‌آمیزی مختلف تغییر دهند.
3. تصاوير متحرك - کاربران مبتلا به صرع می توانند تمام انیمیشن های در حال اجرا را با کلیک یک دکمه متوقف کنند. انیمیشن های کنترل شده توسط رابط شامل فیلم ها، GIF ها و انتقال های چشمک زن CSS هستند.
4. برجسته سازی محتوا – کاربران می توانند بر روی عناصر مهم مانند پیوندها و عنوان ها تأکید کنند. آنها همچنین می توانند انتخاب کنند که فقط عناصر متمرکز یا معلق را برجسته کنند.
5. قطع صدا - کاربرانی که دستگاه های شنوایی دارند ممکن است به دلیل پخش خودکار صدا دچار سردرد یا مشکلات دیگری شوند. این گزینه به کاربران اجازه می دهد تا کل وب سایت را فوراً بی صدا کنند.
6. اختلالات شناختی - ما از موتور جستجویی استفاده می‌کنیم که به ویکی‌پدیا و ویکی‌واژه مرتبط است و به افراد مبتلا به اختلالات شناختی اجازه می‌دهد معانی عبارات، حروف اول، عبارات عامیانه و موارد دیگر را رمزگشایی کنند.
7. توابع اضافی - ما به کاربران امکان تغییر رنگ و اندازه مکان نما، استفاده از حالت چاپ، فعال کردن صفحه کلید مجازی و بسیاری از عملکردهای دیگر را در اختیار کاربران قرار می دهیم.

سازگاری با مرورگر و فناوری کمکی

هدف ما پشتیبانی از گسترده‌ترین آرایه مرورگرها و فناوری‌های کمکی تا حد امکان است، بنابراین کاربران ما می‌توانند بهترین ابزارهای مناسب را با کمترین محدودیت ممکن برای خود انتخاب کنند. بنابراین، ما بسیار سخت کار کرده‌ایم تا بتوانیم از تمام سیستم‌های اصلی که بیش از 95% از سهم بازار کاربر را شامل می‌شوند، از جمله Google Chrome، Mozilla Firefox، Apple Safari، Opera و Microsoft Edge، JAWS و NVDA (خواننده‌های صفحه) هر دو برای ویندوز پشتیبانی کنیم. و برای کاربران MAC.

یادداشت ها، نظرات و بازخوردها

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