مسار العوائق

طريقة الاستخدام

1. يمكنك اختيار بدء المسار. يظهر موقع متخيل لعيادة طبيب عائلة، فيه أخطاء.
2. تشغيل عائق أو أكثر، مثل رؤية ضبابية أو لوحة المفاتيح فقط. العوائق تعمل فقط في الموقع المتخيل.
3. اختيار مهمة: إيجاد مواعيد العمل، أو حجز موعد، أو طلب اتصال. ساعة توقيت تقيس المدة، وعدد النقرات وضغطات Tab.
4. إصلاح الأخطاء على طاولة العمل، ثم القيام بالمهمة من جديد، مع العوائق نفسها. لوحة النتائج تظهر الفرق.
5. في الختام يظهر ما جربته وما أصلحته. يمكنك طباعة قائمة التحقق لفحص موقعكم مع فريقك.

ثمانية عوائق

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

عند كل عائق شرح لمن يعيش هذا في الواقع.

تسعة أخطاء للإصلاح

في الموقع المتخيل أخطاء موجودة في كثير من المواقع الحقيقية. عند كل خطأ معيار النجاح من WCAG 2.2، المعيار الدولي للمواقع سهلة الوصول:

• نص رمادي فاتح (1.4.3)، وصور بلا نص (1.1.1)؛
• روابط اسمها «انقر هنا» (2.4.4)؛
• قائمة اختيار لا يمكن الخروج منها بلوحة المفاتيح (2.1.2 و 4.1.2)، وتركيز (focus) لا يظهر (2.4.7)؛
• أزرار صغيرة جدا (2.5.8)؛
• حقول بلا تسمية (3.3.2 و 1.3.1)، وخطأ لا يظهر إلا باللون الأحمر (1.4.1 و 3.3.1)، ونموذج له حد زمني (2.2.1).

المزيد عن هذه المتطلبات في قابل للإدراك: لا أحد تفوته المعلومات و قابل للتشغيل: كل شيء يعمل، حتى دون فأرة.

مع فريقك

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

في النهاية يمكن طباعة قائمة التحقق، مع مساحة لاتفاقاتكم: ما الذي سنعالجه، ومن سيقوم به، ومتى.

معلومات مفيدة

• يمكن إيقاف كل شيء في أي وقت. بالضغط على Escape أو على إيقاف الكل، تتوقف كل العوائق.
• لا شيء يومض. اليد المرتجفة والحروف وشريط الأخبار تتحرك. إذا كان خيار «حركة أقل» مفعلا على جهازك، تبقى ثابتة.
• في النسخة التي فيها أخطاء يمسح نموذج طلب الاتصال كل شيء بعد 60 ثانية. هذا أحد الأخطاء. يمكن إيقاف الحد الزمني على طاولة العمل. ساعة التوقيت في مسار العوائق نفسها تقيس فقط، ويمكن إيقافها في الإعدادات.
• لا يمكن الخروج بزر Tab من قائمة الأيام؟ هذا أيضا خطأ في الموقع. بالضغط على Escape، ينقلك مسار العوائق إلى الأمام.
• «لوحة المفاتيح فقط» و«قارئ الشاشة» لا يمكن تجربتهما جيدا على هاتف أو جهاز لوحي بلا لوحة مفاتيح. العوائق الأخرى تعمل هناك.
• النص الرمادي الفاتح في الموقع المتخيل نصنعه بمرشح، وليس بألوان رمادية حقيقية. باقي الأخطاء موجود حقا في الشيفرة: قارئ الشاشة أو برنامج الاختبار يجدها أيضا.
• بعد ذلك يمكنك اختبار موقعك، بأداة اختبار لوحة المفاتيح وأداة نظارة الألوان (الألوان والتباين).

بياناتك

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

المصادر

عن العوائق والمتطلبات. الأرقام عن عمى الألوان وضعف القراءة والكتابة هي نفسها في «نظارة الألوان» وقاعدة المعرفة (تمت القراءة في أيلول 2026).

• W3C: Web Content Accessibility Guidelines (WCAG) 2.2، الترجمة الهولندية ↗ (موقع خارجي)
• W3C WAI: Diverse Abilities and Barriers ↗ (موقع خارجي)
• W3C WAI: Tools and Techniques ↗ (موقع خارجي)
• Machado, Oliveira & Fernandes (2009): A Physiologically-based Model for Simulation of Color Vision Deficiency ↗ (موقع خارجي)
• Colour Blind Awareness: Types of colour blindness ↗ (موقع خارجي)
• Stichting Lezen en Schrijven: Laaggeletterdheid in Nederland (ضعف القراءة والكتابة في هولندا، بالهولندية) ↗ (موقع خارجي)