المحتوى التفاعلي في السعودية: اختبار استخدام لوحة المفاتيح والنص البديل

في أغلب فرق التدريب يُراجَع المحتوى التفاعلي بالفأرة فقط: يضغط المراجع على الأزرار، ويسحب البطاقات إلى أماكنها، وينقر على الصورة ليكشف الإجابة، ثم يعتمد الوحدة. لكن ضع الفأرة جانبًا وتنقّل بمفتاح Tab وحده، وستكتشف في حالات كثيرة أن نشاط السحب والإفلات لا يتحرك، وأن مؤشر التركيز يختفي فلا تعرف أين أنت، وأن زر «التالي» لا يستجيب.

والأمر نفسه مع الصور. فالموظف الذي يستخدم قارئ الشاشة قد لا يسمع من صورة لوحة التحكم إلا اسم الملف، ولا يعرف أن السهم الصغير أسفل الشاشة هو الطريق الوحيد إلى السؤال التالي. وفي الحالتين يتوقف الموظف عند الشاشة نفسها، ويظهر في تقرير المنصة متأخرًا عن الإكمال، دون أن يعرف أحد أن المشكلة في تصميم المحتوى التفاعلي لا في الموظف.

يقدّم هذا المقال لفرق الموارد البشرية والتعلم الرقمي في المنشآت السعودية طريقة عملية لاختبار المحتوى التفاعلي من زاويتين محددتين: استخدام لوحة المفاتيح، والنص البديل للصور. والفكرة أن تفحص واجهة فعلية كما يراها الموظف، وأن توثّق العوائق مع مستخدمين حقيقيين، دون أن تدّعي أن الوحدة حصلت على شهادة إتاحة.

لماذا تبدأ اختبار المحتوى التفاعلي بلوحة المفاتيح والنص البديل؟

لأنهما فحصان يستطيع فريقك تنفيذهما بنفسه، ولأن كلًّا منهما يمس فئات متعددة من الموظفين. فإرشادات W3C الخاصة بمعيار النجاح 2.1.1 (لوحة المفاتيح) تشترط أن تكون جميع وظائف المحتوى قابلة للتشغيل عبر واجهة لوحة المفاتيح، وتوضح أن الكفيف لا يستطيع الاعتماد على الفأرة، وأن ضعيف البصر قد يصعب عليه تتبع المؤشر، وأن بعض من لديهم رعشة في اليد يجدون الفأرة صعبة جدًا. كما تعتمد برامج الإدخال الصوتي ولوحات المفاتيح الظاهرة على الشاشة وغيرها من التقنيات المساعدة على المسار نفسه، ولذلك فإن المحتوى التفاعلي الذي يتعثر مع لوحة المفاتيح يتعثر غالبًا مع هؤلاء جميعًا.

أما معيار النجاح 1.1.1 (المحتوى غير النصي) فيشترط أن يكون لكل محتوى غير نصي يُعرض على المستخدم بديل نصي يؤدي الغرض نفسه، وأن يكون لكل عنصر تحكم اسم يصف وظيفته. ويمكن أن يُقرأ هذا البديل بصوت مُركّب أو بطريقة برايل. وفي المحتوى التفاعلي يشمل ذلك الصور التوضيحية، والأيقونات التي تعمل كأزرار، والصور التي يُبنى عليها السؤال.

وفي السعودية، تستهدف معايير التعليم الإلكتروني الصادرة عن المركز الوطني للتعليم الإلكتروني الجهات الحكومية والخاصة وغير الربحية التي تقدّم التعليم الإلكتروني أو تشغّله أو تدعمه، ومن متطلباتها «الامتثال لمعايير إتاحة الوصول المعتمدة عند تصميم المحتوى الرقمي». ويدعو المعيار 6.4 «تكافؤ الفرص وإمكانية الوصول» إلى إشراك المتعلمين من ذوي الاحتياجات الخاصة في تقييم ملاءمة الخدمات والموارد. وسواء كانت منشأتك ضمن هذا النطاق أم لا، فالرسالة واضحة: المحتوى التفاعلي يُختبر مع المتعلمين الفعليين، ولا يُفترض أنه يعمل.

حدّد النطاق: وحدة واحدة من المحتوى التفاعلي كما تصل إلى الموظف

لا تبدأ بمراجعة المكتبة كلها. اختر وحدة منشورة يُطلب من عدد كبير من الموظفين إكمالها، ويفضَّل أن تضم أنواعًا مختلفة من الأنشطة التفاعلية، ثم اختبرها حيث يستخدمها الموظف فعلًا: داخل منصة التعلم في منشأتك، وعلى المتصفحات والأجهزة المتاحة له. فالمعاينة داخل أداة التأليف قد تختلف عن النسخة المنشورة، والمطلوب اختبار المحتوى التفاعلي الذي يصل إلى الموظف لا المسودة.

ثم اكتب قائمة بكل عنصر في المحتوى التفاعلي يمكن للمتعلم أن يراه أو يتعامل معه، لأنها ستصبح خطة الاختبار ومرجع سجل العوائق لاحقًا:

• عناصر التنقل: زرّا التالي والسابق، والقوائم، ومؤشر التقدم، وزر الخروج.

• الأسئلة والأنشطة: الاختيار من متعدد، والسحب والإفلات، والمطابقة، والنقر على مناطق في الصورة.

• الوسائط: مشغل الفيديو أو الصوت وأزرار التحكم فيه.

• النوافذ المنبثقة: رسائل التغذية الراجعة، وشرح المصطلحات، ومربعات الحوار.

• الصور والأيقونات: الصور التوضيحية، والرسوم، ولقطات الشاشة، والأيقونات التي تعمل كأزرار.

وإذا كانت للوحدة نسختان عربية وإنجليزية فاختبر النسختين، لأن اتجاه القراءة وترتيب العناصر والصياغة تختلف بينهما، وكثيرًا ما يُصلَح الخلل في لغة ويبقى في الأخرى.

اختبار لوحة المفاتيح في المحتوى التفاعلي

ضع الفأرة بعيدًا، وتنقّل في وحدة المحتوى التفاعلي بالمفاتيح المعتادة: Tab للتقدم، وShift+Tab للرجوع، وEnter أو مفتاح المسافة لتفعيل الزر أو مربع الاختيار، والأسهم داخل مجموعات الخيارات والمنزلقات، وEsc لإغلاق النوافذ المنبثقة. وسجّل لكل عنصر في القائمة إجابات خمسة أسئلة:

• هل يصل إليه مؤشر التركيز؟ تذكر إرشادات WCAG مثالًا لتطبيق يستخدم السحب والإفلات ويدعم في الوقت نفسه القص واللصق أو عناصر النماذج، أي أن نشاط الترتيب في المحتوى التفاعلي يحتاج إلى طريق بديل بلوحة المفاتيح.

• هل ترى أين أنت؟ تنبّه الفحوص السريعة التي تنشرها W3C إلى أن من يعتمد على لوحة المفاتيح يحتاج إلى معرفة الرابط أو عنصر النموذج الذي عليه التركيز.

• هل الترتيب منطقي؟ في الواجهة العربية ينبغي غالبًا أن ينتقل التركيز من اليمين إلى اليسار ومن الأعلى إلى الأسفل، وأن تأتي التغذية الراجعة بعد الإجابة لا قبلها.

• هل تستطيع الخروج؟ تأكد من أنك تغادر كل عنصر، بما فيه مشغل الفيديو والنوافذ المنبثقة، بلوحة المفاتيح وحدها.

• هل تُكمل الوحدة؟ أرسل إجابة، واقرأ التغذية الراجعة، وانتقل إلى الشاشة التالية، ثم تأكد من تسجيل الإكمال في المنصة.

وانتبه إلى الوقت أيضًا، فالشاشة التي تحتاج إلى نصف دقيقة بالفأرة وخمس دقائق بلوحة المفاتيح عائق حقيقي في المحتوى التفاعلي، حتى لو لم تمنع الإكمال. أما التسميات التوضيحية والوصف المرئي للفيديو نفسه فمسألة إنتاج مستقلة يتناولها مقال إنتاج الفيديو التعليمي: متى يحتاج الموظف عرضًا عمليًا قصيرًا؟

النص البديل في المحتوى التفاعلي: ما وظيفة هذه الصورة؟

انتقل بعد ذلك إلى صور المحتوى التفاعلي، واسأل عن كل صورة سؤالًا واحدًا: ما الذي تؤديه في النشاط؟ تعرّف إرشادات W3C الخاصة بالنص البديل للصور النص البديل بأنه وصف قصير ينقل الغرض من الصورة، ويختلف المطلوب باختلاف نوعها:

• الصورة المعلوماتية، مثل صورة مقياس ضغط أو رسم لمحطة عمل، تحتاج إلى وصف لما يجب أن يفهمه المتعلم منها، لا إلى اسم الملف.

• الصورة الزخرفية، مثل الخلفيات والصور العامة للموظفين المبتسمين، تُترك بنص بديل فارغ حتى يتجاوزها قارئ الشاشة.

• الصورة الوظيفية، مثل السهم الذي يعمل زرًا للانتقال، تحتاج إلى نص يصف وظيفتها أو وجهتها.

• صورة النص، مثل لقطة شاشة لنظام أو فقرة من سياسة، يجب أن يتضمن بديلها النص نفسه.

ويضيف المحتوى التفاعلي حالة خاصة: الصورة التي هي السؤال نفسه. فإذا طُلب من الموظف أن يحدد مصدر الخطر في صورة موقع عمل، فلا يصح أن يكشف النص البديل الإجابة. ويسمح معيار النجاح 1.1.1 في الاختبار أو التمرين الذي يفقد صلاحيته إذا قُدّم نصًا بأن يكتفي البديل بوصف يعرّف بالمحتوى. وهذا يحمي السؤال لكنه يترك فجوة، فعلى فريق التصميم أن يقرر كيف سيُقيَّم الموظف الذي لا يرى الصورة على المهارة نفسها.

ثم استمع إلى النتيجة بقارئ الشاشة المدمج في نظام التشغيل، في كل نسخة لغوية على حدة؛ فالنص البديل في النسخة العربية ينبغي أن يكون بالعربية. وإذا صاغت أداة التأليف أو أداة ذكاء اصطناعي مسودة النصوص البديلة، فراجعها مع شخص يعرف المهمة جيدًا، كما يوضح مقال إنشاء الدورات بالذكاء الاصطناعي: مراجعة المسودة قبل اعتمادها.

وثّق العوائق مع المستخدمين أنفسهم

مهما كان فحص فريقك للمحتوى التفاعلي دقيقًا، فلن يكشف كل شيء. وتوضح إرشادات W3C حول إشراك المستخدمين في تقييم إتاحة الوصول أن التقييم مع أشخاص حقيقيين يكشف مشكلات في سهولة الاستخدام لا يكشفها تقييم المطابقة وحده، وتحذّر من افتراض أن ملاحظات شخص واحد من ذوي الإعاقة تنطبق على جميع ذوي الإعاقة.

لذلك ادعُ ثلاثة إلى خمسة موظفين يستخدمون طرقًا مختلفة للوصول إلى المحتوى التفاعلي: لوحة المفاتيح وحدها، أو قارئ الشاشة، أو تكبير الشاشة، أو الإدخال الصوتي. واجعل المشاركة طوعية عبر قناة يثق بها الموظفون، مثل إجراءات الموارد البشرية الخاصة بتهيئة بيئة العمل. أعطِ كل مشارك هدفًا حقيقيًا كإكمال الوحدة، ولاحظ دون أن تتدخل إلا إذا توقف تمامًا، ثم ناقش معه كل صعوبة. وسجّل كل عائق في سجل بسيط يتضمن:

• الموقع: الشاشة والعنصر.

• ما حدث: بكلمات المشارك قدر الإمكان.

• طريقة الوصول: لوحة المفاتيح، أو قارئ الشاشة، أو التكبير، أو الإدخال الصوتي.

• الأثر: يمنع الإكمال، أو له حل بديل، أو يبطئ الموظف.

• الإصلاح والمسؤول: التعديل المقترح، ومن ينفذه، وموعد إعادة الاختبار.

وسجّل طريقة الوصول لا سببها. فاللائحة التنفيذية لنظام حماية البيانات الشخصية تُلزم جهة التحكم بجمع الحد الأدنى اللازم من البيانات الشخصية لتحقيق الغرض من المعالجة. وسجل العوائق في المحتوى التفاعلي يحتاج إلى معرفة أن المشارك استخدم قارئ الشاشة، ولا يحتاج إلى أي تفاصيل صحية. فاتفق على الطريقة مع المسؤول عن حماية البيانات في منشأتك قبل الجلسات، وهذه معلومات عامة وليست استشارة قانونية.

ماذا يقول تقريرك، وماذا لا يقول؟

تعترف الفحوص السريعة التي تنشرها W3C بحدودها بوضوح: فهي تغطي عددًا قليلًا من مشكلات الإتاحة، وقد تبدو الصفحة ناجحة فيها مع بقاء عوائق كبيرة، ويلزم تقييم أوسع للحكم على إتاحة الوصول بشكل شامل. لذلك ينبغي أن يكون تقرير اختبار المحتوى التفاعلي بالقدر نفسه من الحذر، فلا يصف الوحدة بأنها «متاحة» أو «مطابقة» أو «معتمدة»، بل يذكر:

• الوحدة ورقم نسختها وتاريخ الاختبار والمنصة التي جرى فيها.

• الطرق المستخدمة، مع وصف المشاركين بطريقة الوصول لا بالاسم.

• العوائق مصنفة حسب أثرها، وما أُصلح منها ونتيجة إعادة الاختبار.

• ما لم يُختبر، مثل تباين الألوان أو مستوى صعوبة اللغة.

ثم أصلح ما يمنع الإكمال أولًا، وابحث بعد ذلك عن السبب. فإذا كان الخلل في قالب يُستخدم في كل وحدات المحتوى التفاعلي، فإصلاح القالب يحمي الوحدات القادمة كلها. وإن كانت منشأتك تختار منصة تعلم جديدة، فأضف هذه الفحوص إلى الاختبار العملي قبل التعاقد على Arabic LMS.

مثال افتراضي: وحدة تصاريح العمل في منشأة صناعية بالجبيل

المثال التالي افتراضي، والغرض منه توضيح الطريقة فقط.

تطلق منشأة صناعية في الجبيل وحدة من المحتوى التفاعلي تشرح إجراءها الداخلي لطلب تصريح العمل الساخن. وتضم الوحدة صورة لموقع عمل ينقر فيها المتدرب على مصادر الخطر، ونشاط مطابقة بين أنواع التصاريح والأعمال، ومقطع فيديو قصيرًا، واختبارًا ختاميًا بالعربية والإنجليزية.

يكشف فحص الفريق للمحتوى التفاعلي بلوحة المفاتيح أن صورة موقع العمل لا تستجيب إلا للنقر بالفأرة، وأن قالب الوحدة يُخفي مؤشر التركيز تمامًا. ويكشف فحص النص البديل أن الصور تُقرأ بأسماء ملفاتها، وأن زر الانتقال سهم بلا اسم. ثم يشارك أربعة متطوعين: مهندس يستخدم تكبير الشاشة، وموظفة إدارية تستخدم قارئ الشاشة، وفني يعمل بلوحة المفاتيح وحدها، ومشرف يستخدم الإدخال الصوتي. فيؤكدون هذه العوائق ويضيفون عائقًا لم ينتبه إليه الفريق: في نشاط المطابقة يقرأ قارئ الشاشة خيارات النسخة العربية بترتيب لا يطابق ترتيبها على الشاشة.

يستبدل فريق المحتوى التفاعلي النقر على الصورة بقائمة أزرار لمناطق الموقع مع وصف موجز لكل منطقة لا يكشف الإجابة، ويعيد مؤشر التركيز إلى القالب، ويكتب نصوصًا بديلة تصف ما يجب أن يلاحظه المتدرب، ويسمّي كل زر، ويصحح ترتيب الخيارات. وبعد أسبوعين يكمل المتطوعون أنفسهم الوحدة. ويذكر التقرير تسعة عوائق، منها ثلاثة كانت تمنع الإكمال وأُصلحت كلها، وعائقان بسيطان ما زالا مفتوحين، وينص صراحة على أن الاختبار لا يمنح هذا المحتوى التفاعلي أي شهادة إتاحة.

الخلاصة

يبدأ اختبار المحتوى التفاعلي الجاد بخطوتين عمليتين: التنقل في وحدة حقيقية بلوحة المفاتيح وحدها، ومراجعة وظيفة كل صورة ونصها البديل. ثم تأتي الخطوة الأهم، وهي توثيق العوائق مع موظفين يستخدمون طرقًا مختلفة للوصول، وإصلاح ما يمنع الإكمال أولًا.

اجعل سجل العوائق محددًا، واكتفِ بالحد الأدنى من البيانات الشخصية، واكتب في تقريرك ما اختبرته فعلًا بدل ادعاء شهادة لم تحصل عليها. ومع كل وحدة تُراجَع بهذه الطريقة، يصبح إنتاج المحتوى التفاعلي التالي أسهل وأقل حاجة إلى الإصلاح.

اضغط هُنا. إذا كنت تخطط لإنتاج المحتوى التفاعلي أو مراجعته وتريد مناقشة موقع هذه الفحوص في مراحل الإنتاج، يمكنك التحدث مع فريق SkillUp MENA عن احتياجاتك في إنتاج المحتوى.