كنز الحرم بالرموز والأنماط: مشروع تخرج للعبة لا تعتمد على اللون وحده

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

ضع لغة مشتركة للأدلة

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

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

ست محطات على خريطة افتراضية

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

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

الأصل واحد والعرض متعدد

تركيب بسيط هو TypeScript مع HTML دلالي وCSS وملف JSON للتحديات، دون خادم أو حسابات. يحتوي سجل المحطة على المعرف والاسم والشكل والنمط والوصف وقائمة التحديات المرتبطة بها. يحتفظ محرك اللعبة بالحالة في الذاكرة، ثم يشتق واجهة مرئية وقائمة نصية من السجل نفسه. هذا يقلل خطر أن يشرح النص محطة تختلف عن المحطة التي رسمها المصمم.

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

لغز يمكن حله دون معرفة اسم اللون

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

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

اللعب من دون سحب القطع

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

قارن فهم الدليل وليس جمال الألوان

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

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

توسعات تبقى داخل فكرة اللعبة

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