المقدمه
الأشخاص ذوي الإعاقات الجسدية والحركية لديهم استخدام محدود أو معدوم للأطراف أو الأجزاء الوظيفية في الجسم مثل ؛ الساقين والذراعين والأصابع واليدين. يتم التغلب على هذه القيود من خلال العديد من التقنيات المساعدة التي تكون إما أجهزة أو برامج أو مزيجًا من الاثنين.
المبدأ الأساسي لإمكانية الوصول إلى الويب للمستخدمين الذين يعانون من إعاقات جسدية وحركية هو: قابل للتشغيل: لأنه لا يمكن لأي شخص استخدام الماوس أو النقر فوق الروابط الصغيرة أو تشغيل العناصر الديناميكية بشكل فعال. يمكن لبعض الأشخاص استخدام لوحة مفاتيح أو مفتاح واحد فقط.
منصات تكنولوجيا المعلومات والاتصالات
- مواقع الويب
- الهاتف / الأجهزة والتطبيقات
- تطبيقات الكمبيوتر
- التعليم الإلكتروني
- كشك / صراف
أجهزة التكنولوجيا المساعدة (AT) للأشخاص ؛ الجسديه والحركية
- أنواع كثيرة من الأجهزة ، وبعض الأمثلة تشمل ؛ رأس الفأرة ونظرة العين والمفاتيح ولوحات المفاتيح والماوس
- البرمجيات ؛ تستخدم مع المفاتيح ، ونظرة العين وأجهزة الإدخال الأخرى
اختبار التكنولوجيا المساعدة
- في الغالب برنامج قراءة لوحة المفاتيح والشاشة
جعل المحتوى في متناول الأشخاص ؛ الجسديه والحركية
- مستخدمو لوحة المفاتيح و التكنولوجيا المساعده
- التأكد من أن جميع الواجهات المستخدمة للتنقل والإدخال قابلة للاستخدام على لوحة المفاتيح
- لا تقم بإنشاء keyboard trap للمستخدمين الذين يعتمدون عليها
- عند التركيز وعند الإدخال ، تأكد من أن محتوى موقع الويب والواجهات تتصرف بطريقة يمكن التنبؤ بها من قبل مستخدمي لوحة المفاتيح ومستخدمي التكنولوجيا المساعده
- يجب أن تكون جميع الروابط والأزرار وعناصر التحكم في النموذج في Tabindex ؛ يجب أن يكون مستخدمو لوحة المفاتيح قادرين على استخدام مفتاح Tab للتنقل عبر الروابط وعناصر التحكم في النموذج
- يجب أن يكون التركيز مرئيًا دائمًا
- يجب أن يكون ترتيب القراءة (التركيز) منطقيًا ومتسقًا وفي الترتيب الصحيح
- التنقل والوظائف
- طرق التنقل: يمكن أن يساعد توفير طرق متعدده للتنقل في المواقع الأشخاص في العثور على المعلومات بشكل أسرع
- توفير خريطة الموقع
- استخدام breadcrumb navigation
- القائمة الرئيسية: يجب أن تكون القائمة الفرعية قابلة للاستخدام من قبل مستخدمي لوحة المفاتيح. حيث يجب أن تتبع ترتيب القراءة المسار المنطقي
- إذا تم استخدام إطار iframe ، فتأكد من أنه يمكن استخدام لوحة المفاتيح وعلامة التبويب. تأكد أيضًا من عدم وجود keyboard traps
- محتوى ديناميكي; القوائم ، العرض المبسط ، الحوار ، النماذج
- تجنب استخدام معالجات الأحداث “تمرير الماوس فوق” فقط
- إضافة إخطار أو تعليمات حول محتوى أو حالة العنصر في المحتوى الديناميكي؛ من خلال استخدام alt title attribute ، او من خلال استخدم عبارات مثل مطوي / غير مطوي ، مغلقة / مفتوحة
- استخدم الروابط أو عناصر التحكم في النموذج أو الصور لوضع الإرشادات أو الإعلامات في سمات ALT أو TITLE
- استخدام محتوى الصفحة الديناميكي دون استخدام تحديث الصفحة ؛ قد يتسبب هذا في مشاكل في التركيز مما يؤدي إلى مشكلات في التوجيه لمستخدمي التكنولوجيا المساعدة
- يجب أن يتدفق ترتيب القراءة بشكل منطقي من المحتوى / العنصر الذي تم استدعاؤه إلى المحتوى الذي تم إنشاؤه ديناميكيًا. يجب أن ينتقل التركيز إلى المحتوى الديناميكي الجديد
- يجب وضع المحتوى الجديد الذي تم الكشف عنه على الفور أسفل عنصر التشغيل مع الحد الأدنى من التباعد (مسافة واحدة على الأكثر)
- تأكد من عرض جميع المحتويات بشكل مرئي عند تلقي التركيز بواسطة مستخدمي لوحة المفاتيح والماوس
- تتوفر آلية لتجاوز كتل المحتوى التي تتكرر على صفحات الويب المتعددة. إنشاء ارتباط “تخطي إلى المحتوى” ، عند استدعاء الارتباط ، يجب أن يكون التركيز على العنوان H1 لمحتوى الصفحة
- توقيت قابل للتعديل: لكل حد زمني يتم تعيينه من قبل المحتوى، يجب أن يكون لدى المستخدم القدرة على؛ إيقاف تشغيل أو ضبط أو تمديد الوقت. هناك استثناءات على وظائف تعتمد على الوقت عبر شبكة الويب مثل; الآوامر التي تتطلب اتخاذ قرار سريع.
- إيقاف مؤقت أو إيقاف نهائي أو إخفاء: لنقل المعلومات أو التمرير أو التحديث التلقائي؛
- هناك آلية واضحة لإيقاف المحتوى مؤقتا أو إيقافه نهائيا أو إخفاؤه
- تحديث المعلومات تلقائيا: التحكم في تكرار التحديث
- هناك استثناء إذا كان جزءا من نشاط يعد ضروري.
- تصميم متجاوب؛ ضمان إمكانية النفاذ إلى المحتوى من خلال استخدام مختلف الأجهزة , على سبيل المثال الكمبيوتر و الأجهزة اللوحية والهاتف الذكي تأكد أيضا من أن التخطيط المرئي قابل للاستخدام عبر الشاشة للعديد من أنواع الأجهزة المذكورة أعلاه
- هيكل المستند وتخطيطه وتصميمه
- وضع تعطيل CSS ، يجب أن تكون جميع صفحات الويب قابلة للاستخدام. تأكد من عرض جميع الصفحات ومن انها تعمل بشكل صحيح مع تعطيل CSS.
- وفر توازنًا جيدًا بين العناصر الرسومية والنص
- حافظ على تخطيط وتصميم موقع الويب ليكون بسيطًا
- إذا أمكن ، حاول استخدام على الأكثر ؛ تخطيط 3 أعمدة في جميع صفحات الويب
- حافظ على اتساق تصميم الموقع وتخطيطه.
- قم بإنشاء تخطيط مرئي بسيط وقابل للاستخدام لجميع محتوى الويب واستخدم أسلوبًا متسقًا للعرض بين الصفحات
- المساحة: قلل المسافة بين المحتوى إلى مسافة 1 أو 2
- محاذاة: محتوى اللغة الإنجليزية ، اليسار محاذاة كل المحتوى بما في ذلك محاذاة رؤوس الجدول والعناوين في أقسام الصفحة إلى الجانب الأيسر من صفحة الموقع الالكتروني. وبالمثل مراعاة محاذاة المحتوى إلى اليمين باللغة العربية
- الاتساق: يجب وضع جميع الوظائف والمحتويات المهمة القابلة للاستخدام باستمرار على جميع صفحات الموقع الالكتروني
- حقول النموذج
- لفهم النماذج المعقدة ، يعتبر ترتيب القراءة المنطقي لعناصر تحكم النموذج مهمًا جدًا لمستخدمي التكنولوجيا المساعدة. إذا لزم الأمر ، استخدم السمة TABINDEX للتحكم في ترتيب القراءة في حقول النموذج المعقدة. Code: <input type=”text” TABINDEX=”1” Name=”Textbox1”>,
<input type=”text” TABINDEX=”2” Name=” Textbox2”>, - إذا تم استخدام رموز CAPTCHA ، فقم بتوفير نسخة بديلة يمكن الوصول إليها من صورة CAPTCHA للنص. يجب أيضًا أن تكون واجهة CAPTCHA قابلة للاستخدام بواسطة لوحة المفاتيح وأجهزة التكنولوجيا المساعدة مثال على اختبار CAPTCHA يمكن الوصول إليه ؛ استعمل Google re-CAPTCHA: https://www.google.com/recaptcha/intro/index.html
- الوسائط المتعددة
تأكد من إمكانية الوصول إلى واجهة مشغل الفيديو المضمنة عن طريق لوحة المفاتيح واجهزة التكنولوجيا المساعده