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