مقدمة عن الدلالات والتكنولوجيا المساعِدة
لقد اطّلعت على كيفية تسهيل استخدام الموقع الإلكتروني للمستخدمين الذين لا يمكنهم استخدام الماوس أو جهاز توجيه، سواء بسبب عجز جسدي أو مشكلة تقنية أو تفضيل شخصي، وذلك من خلال معالجة استخدام لوحة المفاتيح فقط. على الرغم من أنّه يتطلب بعض الحذر والتفكير، إلا أنّه ليس بالكثير من العمل إذا خططت له من البداية. بعد الانتهاء من هذا العمل الأساسي، ستكون قد قطعت شوطًا طويلاً في المسار المؤدّي إلى موقع إلكتروني سهل الاستخدام وأكثر دقة.
في هذا الدرس، سنواصل العمل على ذلك وسنشجّعك على التفكير في عوامل تسهيل الاستخدام الأخرى، مثل كيفية إنشاء مواقع إلكترونية تناسب المستخدمين مثل فيصل طه، الذي لا يمكنه رؤية الشاشة.
أولاً، سنقدّم بعض المعلومات الأساسية حول التكنولوجيا المساعِدة، وهي المصطلح العام لأدوات مثل برامج قراءة الشاشة التي تساعد المستخدمين الذين يعانون من عجز يمكن أن يحول دون وصولهم إلى المعلومات.
بعد ذلك، سنلقي نظرة على بعض المفاهيم العامة لتجربة المستخدم، وسنستند إليها لنغوص بشكل أعمق في تجربة مستخدمي التكنولوجيا المساعِدة.
أخيرًا، سنرى كيفية استخدام HTML بفعالية لتوفير تجربة جيدة لهؤلاء المستخدمين، وكيف يتداخل ذلك كثيرًا مع الطريقة التي تناولنا بها التركيز في وقت سابق.
التكنولوجيا المساعِدة
التكنولوجيا المساعدة هي مصطلح شامل للأجهزة والبرامج والأدوات التي تساعد أي شخص لديه عجز في إكمال مهمة. في أوسع نطاق، يمكن أن يشير ذلك إلى جهاز منخفض التقنية، مثل عكازة للمشي أو مكبّر مرئي للقراءة، أو جهاز عالي التقنية، مثل ذراع آلية أو برنامج للتعرّف على الصور على هاتف ذكي.
يمكن أن تشمل التكنولوجيا المساعِدة أدوات عامة مثل ميزة تكبير/تصغير المتصفّح، أو أدوات محدّدة مثل جهاز تحكّم في الألعاب مصمّم خصيصًا. ويمكن أن يكون جهازًا ماديًا مفصولاً مثل شاشة برايل، أو أن يتم تنفيذه بالكامل في برنامج مثل التحكّم الصوتي. يمكن أن يكون مضمّنًا في نظام التشغيل مثل بعض برامج قراءة الشاشة، أو يمكن أن يكون إضافة مثل إضافة Chrome.
إنّ الحدود بين التكنولوجيا المساعِدة والتكنولوجيا بشكل عام غير واضحة، فجميع التكنولوجيا مخصّصة لمساعدة المستخدمين في إنجاز بعض المهام. ويمكن أن تنتقل التكنولوجيات في كثير من الأحيان إلى فئة "المساعدة" أو تخرج منها.
على سبيل المثال، كان أحد أوائل المنتجات التجارية لإنشاء الكلام هو آلة حاسبة مزوّدة بصوت للأشخاص المكفوفين. أصبحت تقنية إنشاء الكلام متوفّرة في كل مكان، بدءًا من اتجاهات القيادة ووصولاً إلى المساعدين الافتراضيين. في المقابل، غالبًا ما يتم استخدام التكنولوجيا التي كانت في الأساس مخصّصة للأغراض العامة لأغراض مساعدة. على سبيل المثال، يمكن للأشخاص الذين يعانون من ضعف في البصر استخدام ميزة تكبير/تصغير كاميرا هواتفهم الذكية للاطّلاع بشكل أفضل على جسم صغير في العالم الواقعي.
في سياق تطوير الويب، يجب أن نأخذ في الاعتبار مجموعة متنوعة من التقنيات. قد يتفاعل المستخدمون مع موقعك الإلكتروني باستخدام قارئ شاشة أو شاشة برايل أو مكبِّر شاشة أو التحكّم الصوتي أو باستخدام جهاز مبدِّل أو أي شكل آخر من التكنولوجيا المساعِدة التي تكيّف واجهة الصفحة التلقائية لإنشاء واجهة أكثر تحديدًا يمكنهم استخدامها.
تعتمد العديد من هذه التقنيات المساعِدة على semantics expressed programmedly (دلالات يتم التعبير عنها آليًا) لتوفير تجربة مستخدم سهلة الاستخدام، وهذا هو موضوع معظم الدرس. ولكن قبل أن نتمكّن من شرح الدلالات المعبّر عنها آليًا، علينا التحدث قليلاً عن الميزات المتاحة.
الإمكانات
عندما نستخدم أداة أو جهازًا من صنع الإنسان، ننظر عادةً إلى شكلهما وتصميمهما لإعطائنا فكرة عن وظيفتهما وطريقة عملهما. السمة الوظيفية هي أي عنصر يقدّم لمستخدمه فرصة تنفيذ إجراء معيّن. كلما كان تصميم سمة الاستخدام أفضل، كان استخدامها أكثر وضوحًا أو سهولة.
ومن الأمثلة الكلاسيكية على ذلك إبريق الشاي أو غلاية المياه. يمكنك بسهولة معرفة أنّه ينبغي حمل الإبريق من المقبض وليس من الفوهة، حتى إذا لم يسبق لك رؤية إبريق ماء.
ويعود السبب في ذلك إلى أنّ ميزة الاستخدام هذه مشابهة لتلك التي رأيتها في العديد من الأشياء الأخرى، مثل أواني الري وأواني المشروبات وأكواب القهوة وما إلى ذلك. من المحتمل أنّه يمكنك حمل القدر من خلال الفوهة، ولكن تجربتك مع ميزات التفاعل المشابهة تُعلمك أنّ المقبض هو الخيار الأفضل.
في واجهات المستخدم الرسومية، تمثّل عناصر التفاعل الإجراءات التي يمكننا اتّخاذها، ولكن يمكن أن تكون غير واضحة لأنّه لا يتوفّر عنصر مادي للتفاعل معه. وبالتالي، تم تصميم ميزات واجهة المستخدم لتكون واضحة بشكلٍ خاص: فالأزرار ومربّعات الاختيار وشرائح التمرير تهدف إلى توضيح كيفية استخدامها بأقل قدر ممكن من التدريب.
على سبيل المثال، يمكنك إعادة صياغة استخدام بعض عناصر النماذج الشائعة (الميزات المتاحة) على النحو التالي:
- أزرار الاختيار: "يمكنني اختيار أحد هذه الخيارات".
- مربّع اختيار: "يمكنني اختيار "نعم" أو "لا" لهذا الخيار".
- الحقل النصي: "يمكنني كتابة شيء في هذا الحقل".
- القائمة المنسدلة: "يمكنني فتح هذا العنصر لعرض خياراتي".
يمكنك استنتاج معلومات عن هذه العناصر فقط لأنّه يمكنك مشاهدتها. بطبيعة الحال، لا يمكن لشخص لا يستطيع رؤية الإشارات المرئية التي يوفّرها عنصر معيّن فهم معناه أو إدراك قيمة الإمكانات المتاحة بشكل حدسي. لذلك، يجب التأكّد من أنّ المعلومات معروضة بشكل مرن بما يكفي ليتمكن مستخدم التكنولوجيا المساعِدة من الاطّلاع عليها من خلال واجهة بديلة تناسب احتياجاته.
ويُطلق على هذا الظهور غير المرئي لاستخدام سمة الاستخدام دلالتها.
أجهزة قارئ الشاشة
من أنواع التقنيات المساعِدة الشائعة قارئ الشاشة، وهو برنامج يسمح للأشخاص الذين يعانون من عجز بصري باستخدام أجهزة الكمبيوتر من خلال قراءة النص على الشاشة بصوت عالٍ باستخدام صوت اصطناعي. يمكن للمستخدم التحكّم في ما تتم قراءته عن طريق تحريك المؤشر باستخدام لوحة المفاتيح إلى منطقة ذات صلة.
لقد طلبنا من فيكون تساران شرح كيفية وصوله إلى الويب بصفته شخصًا أعمى باستخدام "قارئ الشاشة" المضمّن في نظام التشغيل OS X، والذي يُعرف باسم VoiceOver. يمكنك مشاهدة هذا الفيديو الذي يستخدم فيه "فيكتور" قارئ الشاشة VoiceOver.
حان دورك الآن لتجربة استخدام قارئ شاشة. في ما يلي صفحة تتضمّن ChromeVox Lite، وهو قارئ شاشة بسيط وفعّال مكتوب بلغة JavaScript. تم التمويه على الشاشة عن قصد لمحاكاة تجربة ضعف البصر وإجبار المستخدم على إكمال المهمة باستخدام قارئ شاشة. بالطبع، ستحتاج إلى استخدام متصفّح Chrome لتنفيذ هذا التمرين.
صفحة العرض التجريبية لخدمة ChromeVox lite
يمكنك استخدام لوحة التحكّم في أسفل الشاشة للتحكّم في ميزة "قارئ الشاشة". يمتلك قارئ الشاشة هذا وظائف محدودة جدًا، ولكن يمكنك استكشاف
المحتوى باستخدام الزرَّين Previous وNext، ويمكنك النقر على العناصر
باستخدام الزر Click.
جرِّب استخدام هذه الصفحة مع تفعيل ChromeVox lite للتعرّف على استخدام قارئ الشاشة. تذكَّر أنّ قارئ الشاشة (أو التكنولوجيا المساعدة الأخرى) يُنشئ في الواقع تجربة مستخدم بديلة كاملة للمستخدم استنادًا إلى الدلالات المعبَّر عنها آليًا. بدلاً من واجهة مرئية، يقدّم قارئ الشاشة واجهة مسموعة.
لاحظ كيف يقدّم لك قارئ الشاشة بعض المعلومات عن كل عنصر من عناصر الواجهة. من المفترض أن يقدّم لك قارئ مصمّم جيدًا كل المعلومات التالية أو على الأقل معظمها عن العناصر التي يصادفها.
- دور العنصر أو نوعه، في حال تحديده (يجب تحديده)
- اسم العنصر، إذا كان له اسم (من المفترض أن يكون له اسم).
- قيمة العنصر، إذا كانت متوفّرة (قد تكون متوفّرة أو لا).
- حالة العنصر، مثل ما إذا كان مفعّلاً أو غير مفعّل (إذا كان ذلك ينطبق)
يمكن لبرنامج قراءة الشاشة إنشاء واجهة المستخدم البديلة هذه لأنّ العناصر الأصلية تحتوي على بيانات وصفية مدمجة لإمكانية الاستخدام. تمامًا كما يستخدم محرّك العرض الرمز البرمجي الأصلي لإنشاء واجهة مرئية، يستخدم قارئ الشاشة البيانات الوصفية في عقد DOM لإنشاء نسخة يسهل الوصول إليها، مثل هذه.
